Text Only Version

Hey soellyn,

Thank you for the inquiry.

Looks like the screen reader removes elements based on certain criteria or conditions as described in this thread.

// https://support.mozilla.org/en-US/questions/1140969

These are the conditions in the screen reader script.

 var haveToRemove =
          (img > 1 && p / img < 0.5 && !this._hasAncestorTag(node, "figure")) ||
          (!isList && li > p) ||
          (input > Math.floor(p/3)) ||
          (!isList && contentLength < 25 && (img === 0 || img > 2) && !this._hasAncestorTag(node, "figure")) ||
          (!isList && weight < 25 && linkDensity > 0.2) ||
          (weight >= 25 && linkDensity > 0.5) ||
          ((embedCount === 1 && contentLength < 75) || embedCount > 1);
        return haveToRemove;

It removes the content if:
* there are more than one image and the node or element doesn’t have the figure as a parent container.
* it is not a list and the number of list element is more than the paragraph tag
* the input field is more than the paragraph tags
* it’s not a list and the content length is less than 25 characters
* it doesn’t meet the required weight or score — looks like the reader has a function that scores the content based on its length and if the element has the “string” class name
* there is one embed element and the content length is less than 75 or if there are more than one embedded elements

Please try to edit the color section or text blocks containing the content that you want to display in the screen reader and go to the Advanced > Developer Settings toggle. In the Custom CSS Class field, add or use “string”. This will hopefully increase the score or weight of the content inside the text blocks or color sections.

Best regards,
Ismael