Accessible Digital Content

Description

A basic Mind-map showing some ways you can make digital content more accessible.
John Haycock
Mind Map by John Haycock, updated more than 1 year ago
John Haycock
Created by John Haycock over 7 years ago
27
0

Resource summary

Accessible Digital Content
  1. Documents

    Annotations:

    • PDF and Word Documents can also be made more accessible. Avoid complex language.
    1. PDF

      Annotations:

      • run optical character recognition (OCR) in order to create text, rather than an image of the text which can't be accessed by screen readers or text-to-speech (TTS) software. Make longer documents easier to navigate by adding bookmarks. As with the rules for adding images to word processed documents, ensure they have meaningful alt text and use screen tips for extra information.Alternatively, if the image will improve the appearance of the document but doesn’t add any important information, tag it as an artefact so that is ignored by screen reader software.
      1. Word

        Annotations:

        • Use Inbuilt Heading Styles Avoid JargonUse a Sans-Serif Font, as it is easier to read for a person with Dyslexia. Also, Left-Justify Text. You can also use screen tips if you need extra information. Make sure your image is positioned in a way that doesn’t interfere with the text.
      2. Web

        Annotations:

        • Disability Awareness is Key
        1. Headings

          Annotations:

          • Use header tags properly, so screen reader users can navigate the page quickly
          1. Hyperlinks

            Annotations:

            • Always include a "Skip to Content" link to improve usability of the page for people who use screen readers. Never use links such as "Click Here", or "More info" because this means nothing to a screen reader user who wants to read a list of page links.
            1. Colour

              Annotations:

              • Use strong contrast between foreground and background elements. Don't use colour alone to convey importance. This will be lost on people with certain visual impairments.
              1. Layout

                Annotations:

                • Use plenty of white-space around elements. A cluttered page is difficult for people with cognitive disabilities to use.
              2. Video
                1. Captions

                  Annotations:

                  • Helps people with hearing loss
                  1. Transcripts

                    Annotations:

                    • Helps people with visual impairments who rely on screen reading software
                  2. Images
                    1. Alternative Text

                      Annotations:

                      • Use alt text, for screen reader users  and people who have images switched off on their browser. Use a long description (longdesc) for detailed descriptions. Use Empty alt tags for images that are used for visual effects, like bullet points E.g. alt=" "
                      1. Size

                        Annotations:

                        • Keep file size low, so it can download fast. Use suitable dimensions Surround by plenty of White Space Use a caption
                      Show full summary Hide full summary

                      Similar

                      An Insight into Private Equity Industry 2020 - DEV Community
                      United States Private Equity Council
                      Inclusive education
                      Jordi Saavedra
                      Color Post-test
                      cokuda
                      Web Accessibility Revision
                      John Haycock
                      Inclusive education
                      Jordi Saavedra
                      Color Pretest_1
                      cokuda
                      Party Planet - Juice Bar Recipes
                      Amy Stork
                      Symbols in Lord of the Flies
                      lowri_luxton
                      GCSE AQA Chemistry - Unit 2
                      James Jolliffe
                      1. Craniul – particularități structurale și compartimente. Oasele occipital, frontal, parietal şi sfenoidul.
                      Hard Well
                      Mapa Mental para Resumir y Conectar Ideas
                      Rosario Sharline Vilcarromero Saenz