ACCESSIBLE BUSINESS: Stop Confirmation Humiliation

The word Anxiety spelled out

Call to action (CTA) is a marketing term for “any design to prompt an immediate response or encourage an immediate sale.” A CTA most often refers to the use of words or phrases that can compel an audience to act in a specific way. [SOURCE]

I don’t know about you, but I find some online CTA messages overly manipulative and incredibly insulting.

Using these types of over-the-top directives may also cause you to lose business with a particular audience…namely people who suffer from social anxiety who find these types of messages overwhelming.

FACT: Social Anxiety Disorder Affects 15 Million U.S. Adults

The ADA defines disability as a physical or mental impairment that substantially limits one or more major life activities. According to the National Institute of Mental Health (NIMH):

“Social anxiety disorder (SAD – also called social phobia) is a mental health condition. It is an intense, persistent fear of being watched and judged by others. This fear can affect work, school, and other day-to-day activities. SAD affects 15 million adults, or 6.8% of the U.S. population. SAD is equally common among men and women and typically begins around age 13.”

According to the Anxiety & Depression Association of America:

“The defining feature of social anxiety disorder is intense anxiety or fear of being judged, negatively evaluated, or rejected in a social or performance situation. People with social anxiety disorder may worry about acting or appearing visibly anxious (e.g., blushing, stumbling over words), or being viewed as stupid, awkward, or boring.”

Ashley Firth, author of Practical Web Inclusion and Accessibility: A Comprehensive Guide to Access Needs lists some of these types of CTA message examples from a website called confirmshaming that seek a website visitor’s confirmation:

1) Choosing not to sign up for a beginner’s guide to gardening

Vegetable Gardening Book Offer

“No thanks, I know everything about gardening.”

2) Choosing not to subscribe to a magazine

Magazine Subscription Confirmation Method

“I’m boring.”

“In both cases,” Firth writes, “you can clearly see how the option that the site doesn’t want to happen is intentionally worded to either shame or scare the user, whether they meant to or not. Here, those who are susceptible to feeling embarrassed, humiliated, or judged negatively have their access needs used against them, simply because they don’t want to sign up to a newsletter or give out their details. Even if they choose not to perform the action, they still had to face the decision.”

BEST PRACTICE

Use CTAs that don’t shame or manipulate users.

How about simply using the confirmation options of “Yes” or “No” to be the most inclusive.

===

Instant Download!

PDF Accessibility Remediation How to Fix 40 Common Errors

Whether you have limited experience with the PDF remediation process, are expanding your knowledge on how to remediate PDFs, or simply need a resource that can help remind you how to fix a frustrating error, the info provided in this e-book can help.

Download now.

===

ACCESSIBILITY TESTING: How to Copy Comments from One PDF to Another

Adobe Acrobat Pro DC Comment Icons

As an accessibility testing auditor & remediator, I provide commented layouts in PDF format to website developers to help them fix the sections of web pages that need to meet WCAG 2.1 Guideline compliance.

Many of the web pages have the same header and footer content. It is time consuming to have to comment the same sections over and over again for each PDF website page layout.

SO…HERE’S THE FIX

1) In Acrobat Pro DC, add comments to the header and footer (or any other sections that are consistent on all the website pages you are testing) of a “master” layout PDF file…most likely the Home Page. Save the PDF file.

PDF Comments - Files

2) In Acrobat Pro DC, open the “clean” copy of the PDF where you want to import the comments.

3) Click the Comment Tool to open the Comments panel.

Adobe Acrobat DC Comment Tool

4) Click on the three dots in the top right corner of the Comments panel.

5) Select Import Data File.

Import Data File in Adobe Acrobat Pro DC

6) In the Import Comments dialog, select the PDF file that contains the tester’s comments you want to import.

7) Click Open and the comments will be imported into the “clean” PDF. Save the PDF.

Import Comments - After

===

Instant Download!

PDF Accessibility Remediation How to Fix 40 Common Errors

Whether you have limited experience with the PDF remediation process, are expanding your knowledge on how to remediate PDFs, or simply need a resource that can help remind you how to fix a frustrating error, the info provided in this e-book can help.

Download now.

===

ACCESSIBLE PDFs: Discover How to Correct Typos in Tagged Text

Four Adobe PDF Icons in a row

What happens when your tagged text doesn’t match visual text?

Even though the text in your PDF looks correct, there may be typos or extra spacing behind the scenes that causes screen readers to announce the content incorrectly.

Tagged text must be free from line breaks and split words. The Adobe Accessibility Checker does not alert you to these issues.

Here’s how you can determine the back-end content issues and fix them, using Adobe Acrobat Pro DC.


How to Figure Out What is Wrong with the Content

1) Open the PDF in Adobe Acrobat Pro DC.

2) Select File > Save as > Text (Plain).

3) Save the file to your computer.

4) Open the text file in Microsoft Word.

5) Use the grammar and spell check tools to find typos or spacing issues.


How to Fix These Problems in the PDF File

1) With the PDF open in Adobe Acrobat Pro DC, select the Tags Tree

Tags Tree Icon in Adobe Acrobat Pro DC

2) Locate the tag containing the typo or spacing issue.

3) Right click and select Copy Contents to Clipboard

Copy Contents to Clipboard Command in Adobe Acrobat Pro DC

4) Right click the tag again and select Properties

Properties option in Adobe Acrobat Pro

5) Paste the copied content into the “Actual Text” field and make the corrections.

Actual Text field in Object Properties of Adobe Acrobat Pro DC

6) Save the PDF file.

===

Instant Download!

PDF Accessibility Remediation How to Fix 40 Common Errors

Whether you have limited experience with the PDF remediation process, are expanding your knowledge on how to remediate PDFs, or simply need a resource that can help remind you how to fix a frustrating error, the info provided in this e-book can help.

Download now.

===

WEB DEV ACCESSIBILITY: Use Relative Rather Than Absolute Units in CSS Property Values

abstract pixel art design wallpaper background backdrop

Low-vision users, and a lot of people over 50, need to increase the browser default font size to make text easier to read.

If your web content font sizes are set in absolute units, such as pixels, the user will not be able to re-size the text.

Relative units like EM and percentages “stretch” according to the screen size and/or user’s preferred font size, and work on a large range of devices.

Using relative units helps satisfy the WCAG 2.1 Guideline 1.4.4 Resize text Level AA.

Need to convert pixels to EMs?

Use this handy online tool, developed by Brian Cray: http://pxtoem.com

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

REMEDIATING PDFs: How to Fix 40 Common Errors

 PDF Accessibillity Remediation: How to Fix 40 Common Errors

REMEDIATION HELP: “PDF Accessibility Remediation: How to Fix 40 Common Errors” by Mary Gillen.

Step-by-step guide…available for immediate download >> https://accessiblewebsiteservices.com/how-to-fix-40-pdf-accessibility-errors/ #pdf #accessibility #PDF #stepbystep #instruction #diy

===

ACCESSIBLE PDFs: How to Make Math Formulas Accessible to Screen Readers

Four Adobe PDF Icons in a row

NOTE: Have been receiving lots of questions concerning the accessibility of math and scientific formulas in PDF documents. This post is the first in a series of how to make STEM content accessible in different document content.

===

Sometimes just complying with basic standards is not enough if you want your PDF document content to be accessible to all assistive technologies.

Case in point: consider STEM (Science, Technology, Engineering, and Mathematics) formulas.

According to PDF/UA accessibility guidelines, “All mathematical expressions shall be enclosed within a Formula tag and shall have an ALT attribute.”

How to Describe an Equation

Have a look at this math equation:

m equals begin fraction m sub 0 over begin square root 1 minus begin fraction v sup 2 over c sup 2 end fraction end square root end fraction

You have to remember that the screen reader user is listening to the equation, so its ALT text description would be set to:

ALT=”m equals begin fraction m sub 0 over begin square root 1 minus begin fraction v sup 2 over c sup 2 end fraction end square root end fraction” [SOURCE]

Advice from Adobe

“Because speech software may handle Formula tags differently from normal text, it may be necessary to add a description using alternate text.”

However…

…according to Ted Page of Accessible Digital Documents, if you do so, the content may not be read by some earlier versions of the NVDA screen reader, with or without an ALT attribute.

Solutions That You Should Test

  1. Nest a <P> tag in the Formula tag that has a text alternative in an Actual Text attribute. This content can be accessed by NVDA.

    P tag nested in Formula tag
    ===

    Actual Text option in PDF file

  2. The Formula tag is an inline level element. If it is used as a block level element, the attribute “Placement: Block” is required. Otherwise some assistive technologies are not able to present it correctly. Follow these steps:

    1. In the Acrobat Pro Tags pane, right click the Formula tag.
    2. Select Properties.
    3. On the Tag tab of the Object Properties dialog, click the Edit Attribute Objects button.
    4. In the Attributes dialog, if there is not a “/Attribute Object # <<Dictionary>>” item, click the New Item button.
    5. Select “/Attribute Object # <<Dictionary>>” and click the New Item button.
    6. In the Add Key and Value dialog, enter Placement in the Key field, and Block in the Value field. Leave Name as the Value Type.
    7. Click OK.

===

Instant Download!

PDF Accessibility Remediation How to Fix 40 Common Errors

Whether you have limited experience with the PDF remediation process, are expanding your knowledge on how to remediate PDFs, or simply need a resource that can help remind you how to fix a frustrating error, the info provided in this e-book can help.

Download now.

===

ACCESSIBLE SOCIAL MEDIA: How to Add/Edit Alt Text for Instagram Photos

Instagram Logos

Instagram uses Automatic alt text object recognition technology to provide a visual description of photos for people with visual impairments. You can replace this text to provide a better description of a photo. Keep in mind that this description will only be read if someone is using a screen reader to access Instagram.

To see and edit alt text for a photo before you post it on Instagram:

  1. Start by taking a photo or uploading an existing photo to Instagram.
  2. Choose a filter and edit the image, then tap Next.
  3. Tap Advanced Settings at the bottom of the screen.
  4. Tap Write Alt Text.
  5. Write your alt text in the box and tap Done (iPhone) or Save (Android).

To change the alt text of a photo after you’ve already posted it on Instagram:

  1. Go to the photo and tap (iPhone) or(Android).
  2. Tap Edit.
  3. Tap Edit Alt Text in the bottom right.
  4. Write the alt text in the box and tap Done (iPhone) or (Android).

[SOURCE]

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

ACCESSIBLE DESIGN: Check Out Coolors, the Color Schemes Generator

Color Palettes

Need color palette ideas for a new website project?

Coolors to the rescue!

Created during a weekend as a personal project by Italian web designer/developer Fabrizio Bianchi, Coolors is an online tool that allows you to generate new palettes or view trending palettes created by others.

Coolors is also available as an iOS app, an Adobe add-on and a Chrome extension.

For accessibility testing, Coolors has a color contrast checker and a tool that checks your proposed palette against eight types of color vision deficiencies experienced by users who are color blind.

Eight Types of Color Blindness

Your palettes can also be exported eight different ways:

Export Palette Types of Files

Try it yourself at https://coolors.co/

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

ACCESSIBLE CONTENT: How to Localize Language for Screen Readers

Alt Text phrase spelled out with blocks

According to the WCAG 2.1 Guideline 3.1.1 Language of Page (Level A), “The default human language of each Web page can be programmatically determined.”

The LANG attribute is designed to alert screen readers on the appropriate language to use when announcing page content.

To assign a primary language to an HTML page, add the lang attribute to the <html> tag. Here’s how you would add the language attribute for US English:

<!DOCTYPE>
<html lang=”en-US”>

But what if you use more than one language on your Web page?

Here are some tips that can help.

1) DEFAULT LANGUAGE: When a Web page uses several languages, the default text-processing language is the language which is used most. If several languages are used equally, the first language used should be chosen as the default human language. [SOURCE]

2) ALT TEXT: Alt attribute values should contain text in the primary language of the page. If the main language of the page is French, then the alternative text for images needs to be in French. [SOURCE]

3) LANGUAGE CHANGE ON THE PAGE: According to the WCAG 2.1 – 3.1.2 – Language of Parts (Level AA) Guideline, screen readers need to be notified when the language on a page changes. To do so, add a language attribute to the tag that surrounds the content that is not in the primary language.

EXAMPLES

US English: “The Grapes of Wrath”
French Translation: <p lang=”fra”>”Les raisins de la colère”</p>
German Translation: <div lang=”de”>”Früchte des Zorns”</div>

RESOURCE: Table of Language Codes

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

HOW TO: Use Google Docs to Convert Image Text to Simple Text

Google Docs Icons

Web developers and designers…please take note: text content in an image is not accessible to everyone.

According to the WCAG 2.1 – 1.4.5 – Images of Text (Level AA) Guideline:

“If the same visual presentation can be made using text alone, an image is not used to present that text.”

WHY

Users with disabilities need to be able to adjust the size of text as needed.

SOLUTION

Use Google Docs to convert image text to simple text.

NOTE: You need to have a Google account so you can access Google Docs in order to make this work.

EXAMPLE

Let’s say you need to extract the text of a poem that is available only in an image.

Yeats poem The Lake Isle of Innisfree

In order to convert the image content to text, use the following steps:

1. Go to drive.google.com.

2. Upload the poem image file to Google Docs.

Upload Files - Google Drive
3. Once the poem image file is uploaded, right-click on the uploaded poem image thumbnail.

4. Select Open with >> Google Docs.

Open with Google Docs

The image file will be converted to text in a Google Doc.

Google Docs - Conversion of Image Text to Text

The original image appears at the top of the screen. The text you can copy appears in blue (as you highlight the text) in the lower pane.

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===