diff options
| author | Deniz Akşimşek <deniz@denizaksimsek.com> | 2024-08-30 05:35:19 +0300 |
|---|---|---|
| committer | Deniz Akşimşek <deniz@denizaksimsek.com> | 2024-08-30 05:35:19 +0300 |
| commit | c8d7b02322818e627b91cb2c21f2470a7d6eea34 (patch) | |
| tree | 7f7beb90b01c4272ee2b7c70d01426b9d8ebe2f2 | |
| parent | b05107f1f0b41397d28f8b26ce69acd83ff703db (diff) | |
| parent | 223a8a824230b2d8266b2ad8760449c3890f314a (diff) | |
| download | missing-feat-relative-colors.tar.gz missing-feat-relative-colors.zip | |
Merge branch 'dev' into feat-relative-colorsfeat-relative-colors
| -rw-r--r-- | www/docs/40-aria.md | 12 | ||||
| -rw-r--r-- | www/releases/1.1.3.md | 8 |
2 files changed, 12 insertions, 8 deletions
diff --git a/www/docs/40-aria.md b/www/docs/40-aria.md index 84aa4b5..92da6f3 100644 --- a/www/docs/40-aria.md +++ b/www/docs/40-aria.md @@ -3,7 +3,7 @@ title: ARIA url: ./aria/ --- -# ARIA Patterns +# ARIA Patterns Missing.css will style markup based on ARIA roles. We often reference the [<cite>WAI-ARIA Authoring Practices</cite>][WAI]. @@ -19,6 +19,7 @@ appropriately — see [WAI: Tabs][]. To get the actual behavior of an accessible tabset, you can use [Missing.js § Tabs](/docs/js#tabs). <figure> + ~~~ html <div role="tablist" aria-label="Tabs example"> <button role="tab" aria-controls="servers" aria-selected="true" @@ -28,11 +29,12 @@ To get the actual behavior of an accessible tabset, you can use [Missing.js &sec <button role="tab" aria-controls="users" >Users</button> </div> - - <div id="servers" role="tabpanel">...</div> - <div id="channels" role="tabpanel">...</div> - <div id="users" role="tabpanel">...</div> + + <div id="servers" role="tabpanel">...</div> + <div id="channels" hidden role="tabpanel">...</div> + <div id="users" hidden role="tabpanel">...</div> ~~~ + </figure> <script type="module" src="/dist/js/tabs.js"></script> diff --git a/www/releases/1.1.3.md b/www/releases/1.1.3.md index d1158da..0b5a23c 100644 --- a/www/releases/1.1.3.md +++ b/www/releases/1.1.3.md @@ -2,14 +2,16 @@ - The following changes are all the work of [@geoffrey-eisenbarth@github.com](https://github.com/geoffrey-eisenbarth): + - Added feed.js, an implementation of ARIA Feed. {.info .color} - Fixed: Renaming of `--primary-font` to `--main-font` was incomplete. {.ok .color} - Fixed: `--display-font` was documented as being renamed to - `--secondary-font`, but both variables were actually in use. {.ok .color} - Now, both are documented and used for their respective purposes. + `--secondary-font`, but both variables were actually in use. + Now, both are documented and used for their respective purposes. {.ok .color} - The masquerade class `.<a>` did not work as expected on `<button>` elements. {.ok .color} + Thanks Geoffrey! - Added a `-dark-theme` class to force-enable the dark theme. Thanks [@DavesBorges@github.com](https://github.com/DavesBorges)! {.info .color} - - Fixed some packaging and distribution issues. {.ok .color} +- Fixed some packaging and distribution issues. {.ok .color} |