Select arrow announced by some screen readers

[markhalliwell]

From https://www.drupal.org/project/bootstrap/issues/3131151

The <select> element adds pseudo-elements to display an arrow to add visual feedback in the appearance of the theme:

drupal-bootstrap-styles/src/3.x.x/8.x-3.x/scss/drupal-bootstrap/component/_form.scss

Line 47 in 9a9f753

content: '▼';

drupal-bootstrap-styles/src/3.x.x/8.x-3.x/scss/drupal-bootstrap/component/_form.scss

Line 63 in 9a9f753

content: '\e114'; // .glyphicon-chevron-down

This, unfortunately, can cause some screen readers to announce these elements as "unpronounceable".

The only two seemingly possible solutions that I was able to find are:

• Add speak: none (https://stackoverflow.com/a/46820103)
• Add @media reader, speech, aural to hide element (https://stackoverflow.com/a/26634352)