Copy / Paste From Another Document

Copying Text from Google Doc or MS Word

Copying and pasting directly from the source material or document can create a myriad of accessibility issues on a web page.

Here are some examples of accessibility issue occurrences caused by copying and pasting code from Google or Word:

Extra "gunk" coding comes with it.
Element IDs are not unique
State or property not supported
Container element empty
Links are not clearly identifiable
Headings are not structured
Line height below minimum value

Web Code

The copy in the example on the right is full of <span> codes which override the system's backend development of how the text will display, and causes issues for screen readers.

This was caused by copying the text from a Google Doc or a MS Word Document and pasting it without stripping it first.

To strip the text into Drupal's website, please do the following:

CTRL + SHIFT + V

Screen shot of HTML code for a document that is full of <span> tags.

NOT OK

This is an example of clean HTML text, free from span tags.

Screen shot of HTML code with simple <p> tags and nothing but the sentence.

OK

Page updated

Report abuse