Category Archives: accessibility

When Accessibility Issues in Google Apps Require External Solutions

  1. Complex Navigation or Interaction Challenges:
    • Google apps generally follow WCAG standards, but certain complex workflows (e.g., navigating large spreadsheets or documents with multiple interactive elements) may not fully support screen readers or keyboard-only navigation.
    • Example: Managing extensive pivot tables in Google Sheets may not be fully screen-reader-friendly, requiring a switch to Microsoft Excel or a tool like JAWS for better accessibility.
  2. Non-Editable Content Embedded in Google Docs or Slides:
    • If you embed non-accessible elements such as images without alt text, charts, or external media with no captions, these cannot always be fully fixed inside Google apps.
    • Solution: Use external software like Adobe Acrobat Pro to enhance accessibility in exported PDFs or a dedicated media editor to caption videos.
  3. Lack of Advanced Semantic Structuring:
    • Google Docs supports headings, but for advanced semantic markup (e.g., ARIA roles or custom landmarks), its capabilities are limited. If you need to ensure accessibility for complex documents, moving to Microsoft Word or HTML editors with ARIA support is necessary.
  4. Inadequate Support for Custom Accessibility Features:
    • Custom interactive features (e.g., custom menus or JavaScript-like interactions in Google Slides) may lack robust ARIA tagging or keyboard navigation.
    • Solution: Transition to software like PowerPoint or InDesign, which allows detailed accessibility tagging.
  5. Color Contrast and Design Issues:
    • Google Sheets and Slides allow some color customization, but there are no built-in tools to check and enforce WCAG-compliant contrast ratios.
    • Solution: Use external contrast-checking tools or design software with integrated accessibility checks (e.g., Figma or Adobe XD).
  6. Non-Compliant Form Design in Google Forms:
    • Google Forms often falls short in supporting accessible error identification, labels, or custom ARIA roles. Advanced forms with full WCAG compliance may require a platform like Microsoft Forms or a web development environment.
  7. No Detailed Accessibility Auditing:
    • Google Workspace apps do not provide native tools for auditing accessibility across documents or designs.
    • Solution: Use external auditing tools such as WAVE or Axe to identify and resolve WCAG violations.
  8. Language and Multilingual Accessibility:
    • Google Docs supports some basic language tagging but cannot fully address accessibility for multilingual documents with specific pronunciation or semantic needs.
    • Solution: Use advanced editing tools that allow precise language tagging, like Microsoft Word or InDesign.

How to Decide When to Move to a Different Program

You should consider moving away from Google apps when:

  • The task involves a critical WCAG violation that Google Workspace cannot address (e.g., no alt-text for key visuals or inaccessible interactive content).
  • External auditing tools consistently flag issues that cannot be resolved using Google’s built-in accessibility options.
  • You need advanced customization or integration of assistive technologies (e.g., full ARIA implementation, detailed tagging, or robust form accessibility).

 

Example workflows:

1. Document Accessibility in Microsoft Word

  • Why Word? Microsoft Word has advanced accessibility tools, including a built-in Accessibility Checker and robust support for semantic structure (e.g., heading levels, alt text for images, table summaries).
  • Example Workflow:
    1. Use Word’s Styles feature to apply semantic headings (Heading 1, Heading 2, etc.).
    2. Add alt text to images by right-clicking the image > Edit Alt Text.
    3. Use the Accessibility Checker (Review tab) to identify and fix issues such as missing headings or poor color contrast.
    4. Export to a tagged, accessible PDF using Save As PDF with the “Create Accessible PDF” option.

2. Presentation Accessibility in Microsoft PowerPoint

  • Why PowerPoint? PowerPoint includes tools to ensure slide layouts are screen-reader-friendly, proper reading order, and video captioning.
  • Example Workflow:
    1. Use built-in slide layouts (e.g., Title Slide, Content Slide) to ensure proper semantic structure for screen readers.
    2. Add alt text to all images, charts, and graphs.
    3. Use the Accessibility Checker (Review tab) to catch issues like insufficient text contrast.
    4. Add closed captions or subtitles to embedded videos via the Insert Captions feature.

3. Data Accessibility in Microsoft Excel

  • Why Excel? Excel is more screen-reader-friendly than Google Sheets and offers features like named ranges and accessible pivot tables.
  • Example Workflow:
    1. Use Named Ranges instead of referencing raw cell coordinates (e.g., =SUM(SalesData)).
    2. Add descriptive headers to all columns and rows for better navigation.
    3. Use the Accessibility Checker to identify common issues like merged cells, which can confuse assistive technologies.
    4. Export to a PDF with accessibility tags to retain structure.

4. Accessible PDFs with Adobe Acrobat Pro

  • Why Acrobat Pro? It’s the industry standard for ensuring that PDFs are fully accessible, with tools for tagging, alt text, and reading order adjustments.
  • Example Workflow:
    1. Import your document from Word or PowerPoint and open it in Acrobat.
    2. Use the Accessibility Tool to run a full check of your document.
    3. Fix issues such as missing tags, reading order problems, and alt text directly in Acrobat.
    4. Verify compliance with the built-in Accessibility Checker.

5. Form Accessibility in Microsoft Forms or JotForm

  • Why These Tools? These platforms provide greater control over form labels, field instructions, and error messages than Google Forms.
  • Example Workflow:
    1. Add clear and descriptive labels to every form field.
    2. Include placeholders or instructions for input requirements (e.g., “Enter your 10-digit phone number”).
    3. Enable validation for required fields with error messages.
    4. Test the form with screen readers to confirm navigation and readability.

6. Design Accessibility in Figma or Adobe XD

  • Why Figma/Adobe XD? These tools allow detailed accessibility checks during the design process, including color contrast and interactive elements.
  • Example Workflow:
    1. Use plugins like Contrast or Stark to ensure your color palette meets WCAG contrast requirements.
    2. Annotate designs with accessibility notes (e.g., “This button must have ARIA role=’button'”).
    3. Export designs with accessible descriptions for developers to implement.

7. Website Accessibility with WordPress

  • Why WordPress? WordPress supports accessibility-ready themes and plugins to ensure WCAG compliance for websites.
  • Example Workflow:
    1. Choose an accessibility-ready theme (marked in the theme directory).
    2. Use plugins like WP Accessibility to add ARIA roles, skip links, and other enhancements.
    3. Test the site with tools like WAVE or Axe to identify accessibility barriers.

8. Interactive Accessibility in ARIA-Supported Development Environments

  • Why Use ARIA? For custom interactive content, ARIA (Accessible Rich Internet Applications) helps ensure assistive technologies can interact with dynamic elements.
  • Example Workflow:
    1. Develop interactive content in HTML using ARIA roles (e.g., role=”dialog”).
    2. Use tools like Deque Axe or Google Lighthouse to test ARIA implementation.
    3. Include keyboard navigation testing to ensure all users can interact with your content.

 

Getting PDFs ready for Accessibilty Requirements

AI created attention grabber - decorative

The compliance of scanned and OCRed files from Adobe Acrobat Pro with accessibility standards depends on several factors, especially when dealing with complex layouts like columns and tables. Here’s how these elements fare:

1. Text Recognition (OCR) Accuracy

  • Adobe Acrobat Pro’s OCR is generally reliable for converting scanned images into editable and searchable text.
  • Challenges with Columns: OCR might misinterpret multi-column layouts, reading them linearly rather than by column.
  • Challenges with Tables: OCR may struggle to preserve the structure of tables, often interpreting them as unstructured text.

2. Tagging and Accessibility

Acrobat Pro can automatically tag OCRed documents, but the tags may not always be accurate, especially for complex layouts:

  • Columns: Acrobat might not detect column order correctly, causing screen readers to read content in the wrong sequence.
  • Tables: The software often fails to generate proper table tags, leading to a loss of row and column relationships crucial for screen reader users.

3. Alt Text for Images

  • Scanned documents often include graphical elements, which Acrobat cannot automatically assign alt text to. You must manually add descriptive alt text for meaningful images.

4. Reading Order

  • Acrobat’s “Reading Order” tool is essential to correct the logical reading sequence, especially in multi-column and table-heavy documents.
  • Default reading order for OCRed files may require significant manual adjustments to ensure compliance.

5. Compliance with Accessibility Standards

To meet accessibility standards like WCAG 2.1 or Section 508, additional steps are often necessary:

  • Manually Adjust Tags: Verify and edit tags to accurately reflect document structure, including headings, lists, tables, and columns.
  • Use Acrobat’s Accessibility Checker: This tool helps identify and fix accessibility issues but may not catch all problems in complex layouts.
  • Supplement with Manual Efforts: Complex documents may require manual remediation with tools like Adobe Acrobat or third-party software specialized in accessibility.

Best Practices for Improving Compliance

  1. Pre-OCR Processing: Clean up scanned files to enhance OCR accuracy (e.g., ensuring straight scans, good contrast, and minimal noise).
  2. Use Proper OCR Settings: Select the correct language and enable the “Recognize as Table” option where applicable.
  3. Manually Review Tags: After OCR, manually inspect and adjust tags for accurate representation of document structure.
  4. Simplify Layouts: If possible, avoid overly complex layouts in scanned documents to minimize accessibility challenges.

By taking these additional steps, you can significantly improve the compliance of scanned and OCRed documents, even with complex layouts.

 

GitHub Desktop – Accessibility Release Notes

Accessibility

Resize table columns via the keyboard

A new command, list.resizeColumn, enables you to resize columns by using the keyboard. When you trigger this command, select the column you want to resize and provide a percentage of the width you want to set. The following video shows how to apply this to resize a column in the Keyboard Shortcuts editor.

Screen reader support for synthesizing chat responses

We’ve updated the accessibility.voice.autoSynthesize setting to enable screen reader users to opt in to hearing chat responses announced by our synthesizer, instead of getting aria alerts.

Debugging improvements

When you’re debugging with the focus in an editor, invoking the Debug: Add to Watch command now announces the variable’s value for screen reader users.

Additionally, the Debug accessibility help dialog was improved for better thoroughness.

Teaching and Learning with AI Conference: My Poster Presentation

It isn’t really a poster presentation – click for the full slide deck

click here for presentation.

click here for presentation.

The general concept of this presentation is to remind instructors that by creating a solid syllabus, they have already done most of the work that will allow a generative AI tool to be extremely helpful to both the students and to themselves.

Fonts for Dyslexia: Making Reading Easier for Everyone

an image of a person with a book up against his forehead - he appears frustrated

In our increasingly text-heavy world, the importance of accessible design can’t be overstated. For people with dyslexia—a common learning difficulty that affects reading and writing skills—the right font can make a world of difference. Let’s dive into how certain fonts can boost readability for those with dyslexia and explore how this can be a game-changer, especially in higher education.

What is Dyslexia?

Dyslexia is a neurological condition affecting up to 10% of the population. It causes trouble with accurate and fluent word recognition, spelling, and decoding abilities. These challenges stem from difficulties in processing the phonological component of language, but it’s important to note that dyslexia is not related to intelligence. With the right support, dyslexic individuals can achieve amazing things.

The Magic of Dyslexia-Friendly Fonts

Dyslexia-friendly fonts are specially designed to address the unique challenges faced by dyslexic readers. Here’s what makes these fonts special:

  1. Heavier Bottoms: Letters with heavier bottoms help keep them from flipping upside down or swapping places.
  2. Larger Openings: Bigger spaces in letters (like the openings in ‘e’ and ‘a’) make similar-looking characters easier to tell apart.
  3. Unique Shapes: Distinct shapes for each letter reduce confusion between characters like ‘b’ and ‘d’ or ‘p’ and ‘q’.
  4. Consistent Letter Spacing: Consistent spacing between letters and words helps prevent the crowding effect, making reading smoother.
  5. No Italics: Italicized text can distort letters, making them harder to read for dyslexic individuals.

Popular Dyslexia-Friendly Fonts

  1. Dyslexie: Created by Christian Boer, who is dyslexic himself, this font includes all the essential features to reduce common reading errors.example of dylexie font
  2. OpenDyslexic: An open-source font designed to increase readability, with a heavy bottom to combat letter flipping and crowding.example of opendyslexic
  3. Sylexiad: This dyslexia-friendly font was developed by Robert Hillier from the dyslexic point of view and for adult dyslexic readers. As part of his research, observation and tests with non-dyslexic and dyslexic individuals, Hillier has found new knowledge within the field of dyslexia typographic research.This font includes a combination of handwritten style, long ascenders and descenders, uniform strokes, and generous word spacing.
    example of Sylexiad font
  4. Lexend: A series of fonts developed based on research to reduce visual stress and improve reading performance.
  5. Arial and Verdana: Though not specifically for dyslexia, these clean, simple sans-serif fonts are often recommended due to their readability and ample spacing.

Transforming Higher Education

So, how can these fonts be utilized in higher education? Let’s break it down:

  1. Accessible Course Materials: Professors can use dyslexia-friendly fonts in their lecture slides, handouts, and digital resources. This small change can significantly enhance comprehension and reduce frustration for dyslexic students.
  2. Inclusive Exams and Quizzes: Designing exams and quizzes with these fonts ensures all students have a fair chance to perform well, leveling the playing field.
  3. Digital Platforms and Libraries: Universities can adopt dyslexia-friendly fonts on their websites, online learning platforms, and digital libraries, making resources more accessible to everyone.
  4. Communication: Emails, announcements, and other communications from the university can be made more readable with these fonts, ensuring that all students stay informed and engaged.
  5. Support Services: Disability support services can provide resources and training on how to use these fonts effectively, empowering students to customize their learning experience.

Real-World Impact

Implementing dyslexia-friendly fonts in higher education isn’t just a nice-to-have—it’s a necessity. Schools and universities that have adopted these fonts report better reading comprehension and less frustration among dyslexic students. This means a more inclusive and supportive learning environment where everyone can thrive.

Beyond Dyslexia: Universal Design

The benefits of dyslexia-friendly fonts extend beyond those with the condition. This approach is part of a broader concept known as universal design, which aims to make products and environments accessible to all, regardless of age, disability, or other factors. By prioritizing readability, we make content easier to digest for everyone, reducing eye strain and improving overall comprehension.

Fonts are more than just a design choice—they’re a critical component of effective communication. For individuals with dyslexia, the right font can transform reading from a struggle into an enjoyable experience. By embracing dyslexia-friendly fonts, especially in higher education, we take a big step toward creating a more inclusive world. So whether you’re a student, educator, or just someone who loves to read, consider the impact of font choice. It’s a simple change that can make a huge difference.

Roadmap for Voicethread. Some nice new features on the horizon:

Image of a folded map with a VT logo superimposed

The arc of change in the teaching and learning universe may be long, but it bends towards a more accessible, equitable, inclusive, and human-centric world. We plan on shortening that arc just a little bit in the coming year by introducing the biggest updates to VoiceThread in more than a decade.

A “New VoiceThread” will be available in the coming months, and we’ll have lots of details to share, but what we really want to share now is our redesign philosophy:

  • Significantly more accessible

  • Add a number of pro features, but be simpler to use

  • Designed based on research and user feedback

  • Make it easier for people to have authentic, high-quality, human to human interaction

  • Give everyone time to try it out before fully transitioning to the new version

In addition to the new VoiceThread, we have lots of new goodies on the way:

  • New integrations for Zoom, Google, and Microsoft

  • New assignment type allowing students to comment on classmates’ submissions for a formal grade

  • More powerful closed caption preferences

  • Lots of new mobile updates

Thank you for all your feedback, collaboration, and enthusiasm throughout 2022. None of this work could be possible without you.

– The VoiceThread Team

And Now a Word from VoiceThread! ***Accessibility***

What is VT Universal?

It’s a version of VoiceThread that is fully accessible to screen readers. It is the first thing a screen reader will detect on VoiceThread’s website, and it can be set as your default if you rely on a screen reader. Click here for full documentation.

Accessibility Trajectory

At the start of 2021, we released the new and improved version of VT Universal. This reboot created a strong foundation for us to continue adding more and more features until Universal becomes the standard experience. In the end there will no longer be two separate views of VoiceThread. The unified interface will be fully accessible. Adding the ability to share was a major step in this direction.

More features added to VT Universal in 2021

We are passionate about making high-quality interactions accessible to all learners, and we’re very excited that we’re so close to the finish line for this long journey.

Where Can an Instructor Turn ASR On and Off in Echo360?

SBU will be setting Echo360 to automatically produce Automatic Speech Recognition after a recording is finished.  This will bring it into line with Zoom and VoiceThread which already do this.

If the instructor would like to turn this back off, they can follow this link:

Enable or Disable Automatic Transcriptioning for a Section (ASR)

image of setting panel in echo360