From 6b742c459266b18e2b375b35205ce8a6c02f0452 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Thu, 6 Jun 2024 08:05:12 -0400 Subject: Initial commit --- build/simple-accessibility/index.html | 57 +++++++++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 build/simple-accessibility/index.html (limited to 'build/simple-accessibility') diff --git a/build/simple-accessibility/index.html b/build/simple-accessibility/index.html new file mode 100644 index 0000000..11a9d74 --- /dev/null +++ b/build/simple-accessibility/index.html @@ -0,0 +1,57 @@ + + + + + + + Simple Accessibility + + + + + + +
+

Simple Accessibility

+

2018-09-07

+

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. +
  2. Only use "fancy" grid-ordering for minor layout design - avoid rearranging important content via CSS
    3. +
+

Content

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

Images

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

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

+ \ No newline at end of file -- cgit v1.2.3-54-g00ecf