{"id":20901626,"url":"https://github.com/willfarrell/accessibility","last_synced_at":"2026-03-19T18:01:36.040Z","repository":{"id":61191843,"uuid":"293111445","full_name":"willfarrell/accessibility","owner":"willfarrell","description":"Collection of web design patterns","archived":false,"fork":false,"pushed_at":"2021-03-27T04:14:07.000Z","size":32,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-19T13:27:39.228Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/willfarrell.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-09-05T16:18:52.000Z","updated_at":"2022-10-10T18:41:57.000Z","dependencies_parsed_at":"2022-10-12T12:08:50.163Z","dependency_job_id":null,"html_url":"https://github.com/willfarrell/accessibility","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willfarrell%2Faccessibility","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willfarrell%2Faccessibility/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willfarrell%2Faccessibility/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willfarrell%2Faccessibility/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/willfarrell","download_url":"https://codeload.github.com/willfarrell/accessibility/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243292906,"owners_count":20268127,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-18T11:36:16.277Z","updated_at":"2025-12-24T17:28:46.583Z","avatar_url":"https://github.com/willfarrell.png","language":null,"readme":"# Accessibility\nCollection of web design patterns\n\n## Asistive devices\n### Keyboard\n- [Mac accessibility shortcuts](https://support.apple.com/en-ca/HT204434)\n- Back to top button: `Home` or `Fn` + `Left Arrow`\n### Screen Readers\n- [JAWS](https://www.freedomscientific.com/Products/software/JAWS/) (Job Access With Speech) for Windows\n- [NVDA](https://www.nvaccess.org/about-nvda/) (Non-Visual Desktop Access) for Windows\n- [Microsoft Narrator](https://support.microsoft.com/en-us/help/17173/windows-10-hear-text-read-aloud) for Windows\n- [VoiceOver](https://www.apple.com/accessibility/mac/vision/) for Mac and iOS\n- [TalkBack](https://support.google.com/accessibility/android/answer/6283677?hl=en) for Android\n- Inconsistencies\n  - [Punctuation and Typographic Symbols](https://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/)\n  - \n  \n## Colour Theory\n- https://blog.datawrapper.de/beautifulcolors\n- https://stripe.com/blog/accessible-color-systems\n- https://www.vis4.net/blog/2011/12/avoid-equidistant-hsv-colors/\n- https://uxdesign.cc/the-importance-of-colorblind-friendly-design-case-study-among-us-dcd042c87b9\n- Palette Builder https://tailwind.ink/\n- Adobe Color https://color.adobe.com/create/color-accessibility\n- (ColorBrewer](https://colorbrewer2.org/#type=diverging\u0026scheme=RdYlBu\u0026n=11) ccolor advice for artography\n- [ColorAdd](http://www.coloradd.net/code.asp)\n- [Coblis - Color Blindness Simulator](https://www.color-blindness.com/coblis-color-blindness-simulator/)\n\n## Component Design Systems\n\n\n\n## Component/Pattern Examples\n- Guide: https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/\n- Resources: https://a11yresources.webflow.io\n- gif: https://css-tricks.com/gifs-and-prefers-reduced-motion/\n- auto-site `textarea`: https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/\n- Hamberger Menu: https://www.impressivewebs.com/accessible-keyboard-friendly-hamburger-menu-slide-out-navigation/\n- Form Buttons: https://adamsilver.io/articles/where-to-put-buttons-on-forms/\n- Charts: https://blogs.sas.com/content/sascom/2017/02/22/getting-started-sas-graphics-accelerator/\n- Slider: https://www.a11ywithlindsey.com/blog/creating-accessible-range-slider-css\n- dialog: https://adrianroselli.com/2020/10/dialog-focus-in-screen-readers.html\n- Scroll to top: https://ashleemboyer.com/accessible-smooth-scroll-to-top-buttons-with-little-code\n- Date Picker: \n  - List: https://www.webaxe.org/accessible-date-pickers/\n  - https://github.com/vigetlabs/ca11y\n  - https://fymmot.github.io/inclusive-dates/\n  - https://designsystem.gov.scot/components/date-picker/\n  - https://github.com/duetds/date-picker\n- `abbr`: https://alistapart.com/article/hattrick/\n- Math Formulas: https://github.com/mathjax/MathJax-src\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillfarrell%2Faccessibility","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwillfarrell%2Faccessibility","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillfarrell%2Faccessibility/lists"}