search

sbsdev / daisyproducer2

An integrated production management system for accessible media
GNU Affero General Public License v3.0
0 stars 0 forks source link

Visibility of book title #96

Closed egli closed 3 years ago

egli commented 3 years ago

To save screen real estate currently not the full book title for a word is shown. Instead it is put into an abbrev like so:

<td>
    <abbr title="Weit weg von Verona">Wei...</abbr>
</td>

Apparently this requires some setup to show the title in JAWS, so the users would like to have some CSS solution instead that hides the full title from the non-JAWS users instead.

egli commented 3 years ago

The proposed CSS solution:

width: 3em;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

see also https://butterpep.com/line-clamp-overflow-ellipsis.html

egli commented 3 years ago

The simplest possible solution seems to be to just use the standard bulma class is-sr-only to show the full document title only to screen readers:

<td>
    <span class="is-sr-only">Die Verlorenen</span>
    <abbr title="Die Verlorenen">Die...</abbr>
</td>