a11y-style-guide
a11y-style-guide copied to clipboard
cehfisher
Accessibility (A11Y) Style Guide
It's been a year since the previous review on the tab component/widget. Review the current component against my [revised (97% complete) tab widget](https://github.com/scottaohara/a11y_tab_widget) and either make updates to the one...
I would expect the show markup buttons to act more like toggle buttons rather than their current experience of revealing the markup, but you then can't close it. When the...
Add a new section/category (perhaps "User preferences") to help developers apply CSS with respect to the users preferences, such as `prefers-contrast` or `prefers-reduced-motion`? https://drafts.csswg.org/mediaqueries-5/#mf-user-preferences
## Issue For the responsive table on this page: https://a11y-style-guide.com/style-guide/section-structure.html When the narrow viewport styles kick in, the semantics are lost. This is a known issue across browsers ([back to...
## Issue Create an accessible progress bar example using `` [`MDN page on progressbar role `](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_progressbar_role).
## Issue Create accessible star rating pattern based on @scottaohara's pattern. ## Example https://scottaohara.github.io/a11y_styled_inputs/src/native-radio--rating/
## Issue We need to find and add a slider example that is accessible. For those times you absolutely need one.
Due to VoiceOver negating list semantics if the display of list items is altered, or if the list style is removed, we may need to add in the hack, or...
## Issue Create new pattern about mobile touch targets ## Example The recommended size of touch targets is 7 – 10mm. This size is equivalent to the smallest average finger....
in the SG there are many examples available for each component, to show real-world scenarios we often find ourselves in as developers. however, we do sometimes have full control of...