Simple accessibility

Implementing proper accessibility practices can seem a little daunting at first, but there are a few basic standards you can introduce into your project work-flow that are fairly straightforward:

Basic design

Test that your project has the proper …


This content originally appeared on Ugly Duck and was authored by Bradley Taunt

Implementing proper accessibility practices can seem a little daunting at first, but there are a few basic standards you can introduce into your project work-flow that are fairly straightforward:

Basic design

  1. Test that your project has the proper contrast color settings between type, backgrounds, icons etc.
  2. Only use “fancy” grid-ordering for minor layout design - avoid rearranging important content via CSS

Content

  1. Use proper HTML structures (aside, header, main, footer elements as needed)
  2. Make use of the aria-label attribute
  3. Ensure your website/app can be navigated completely (and properly) with only a keyboard

Images

  1. Avoid using CSS backgrounds for content images (should only be used for patterns, layout design etc.)
  2. Ensure proper alt attributes are provided on all images

It isn’t much - but follow these basics and you’ll be one step closer to providing better accessibility to your users.


This content originally appeared on Ugly Duck and was authored by Bradley Taunt


Print Share Comment Cite Upload Translate Updates
APA

Bradley Taunt | Sciencx (2018-09-07T00:00:00+00:00) Simple accessibility. Retrieved from https://www.scien.cx/2018/09/07/simple-accessibility/

MLA
" » Simple accessibility." Bradley Taunt | Sciencx - Friday September 7, 2018, https://www.scien.cx/2018/09/07/simple-accessibility/
HARVARD
Bradley Taunt | Sciencx Friday September 7, 2018 » Simple accessibility., viewed ,<https://www.scien.cx/2018/09/07/simple-accessibility/>
VANCOUVER
Bradley Taunt | Sciencx - » Simple accessibility. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2018/09/07/simple-accessibility/
CHICAGO
" » Simple accessibility." Bradley Taunt | Sciencx - Accessed . https://www.scien.cx/2018/09/07/simple-accessibility/
IEEE
" » Simple accessibility." Bradley Taunt | Sciencx [Online]. Available: https://www.scien.cx/2018/09/07/simple-accessibility/. [Accessed: ]
rf:citation
» Simple accessibility | Bradley Taunt | Sciencx | https://www.scien.cx/2018/09/07/simple-accessibility/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts