34
Views
6
Comments
[Cropper Library] Accessibility for Select all check box in table
Question
Forge component by Labs
5
Published on 02 Oct 2019

Hi All,

How we can make select all accessible when using in table records which can be read by NVDA reader  .I got some approaches in different websites .

An approach to the "select-all" checkbox table header

  • Table must have summary explaining the description about table.
  • Check box should have title attribute.
  • Individual row checkboxes have explicit, but visually hidden label text, "Select this row". This label text could also be the same as the Title cell's content, or a combination, for example, "Select the row for Roto Facilisis Blandit".
  • the cells in the "Title" column are marked up as th elements with scope="row" to act as row headers for supporting screen readers

select-all" checkbox is outside and before the table

the "select-all" checkbox exists on its own outside of and before the table, but is positioned via CSS to appear over the first cell of the first column in the table

it occurs in the same position in the TAB order implementation

because it isn't in a table header cell, there is no issue with it being read as a column header for each of the rows' checkboxes

the first cell in the first column is now an empty th header cell


Data take from : http://www.kisser.ca/testing/drupal-table-select-all.html


Please add if anyone have any more approaches to achive this which will make NVDA to read for assistive reader.


Thanks

AD

Rank: #1895

AD wrote:

Hi All,

How we can make select all accessible when using in table records which can be read by NVDA reader  .I got some approaches in different websites .

An approach to the "select-all" checkbox table header

  • Table must have summary explaining the description about table.
  • Check box should have title attribute.
  • Individual row checkboxes have explicit, but visually hidden label text, "Select this row". This label text could also be the same as the Title cell's content, or a combination, for example, "Select the row for Roto Facilisis Blandit".
  • the cells in the "Title" column are marked up as th elements with scope="row" to act as row headers for supporting screen readers

select-all" checkbox is outside and before the table

the "select-all" checkbox exists on its own outside of and before the table, but is positioned via CSS to appear over the first cell of the first column in the table

it occurs in the same position in the TAB order implementation

because it isn't in a table header cell, there is no issue with it being read as a column header for each of the rows' checkboxes

the first cell in the first column is now an empty th header cell


Data take from : http://www.kisser.ca/testing/drupal-table-select-all.html


Please add if anyone have any more approaches to achive this which will make NVDA to read for assistive reader.


Thanks

AD

 Hai Sir I will Share One OML Sheet I think It Will Helps To You Sir 

 

BluckSelectintbl.rar

Rank: #1895

This Zip File Sir 

zBluckSelectintbl.zip

Rank: #1895

Hai AD

Have A good Day For You 

Regarding Bulk Select In Table Share One Link And Logic Flow Images 

https://www.outsystems.com/forums/discussion/59954/is-there-any-bulk-list-select-for-reactive-web/