p5.js-web-editor/client/modules/IDE/components/GridOutput.jsx
Mathura MG d29e7ae453 Accessibility (#436)
* add p5 interceptor submodule

* update package

* remoce interceptor

* update interceptor;

* merge scripts

* change postinstall script

* refactor interceptor files

* remove merge conflicts

* change source files

* add registry class

* provide seperate outputs for text and grid

* switch textOutput to boolean

* make both modules usable together

* update interceptor for safari

* fix grid label

* add sound output as well

* change file strucure

* change constants

* change input lables

* switch submodule branch

* change variable name

* change grid to table

* remove role from table elements

* switch submodule branch

* change aria albels

* revert submodule branch to master
2017-09-06 17:55:09 +02:00

38 lines
824 B
JavaScript

import React from 'react';
class GridOutput extends React.Component {
componentDidMount() {
this.GridOutputModal.focus();
}
render() {
return (
<section
id="gridOutput-content"
ref={(element) => { this.GridOutputModal = element; }}
>
<h2> table Output </h2>
<p
tabIndex="0"
role="main"
id="gridOutput-content-summary"
aria-label="table output summary"
>
</p>
<table
id="gridOutput-content-table"
summary="table output details"
>
</table>
<div
tabIndex="0"
role="main"
id="gridOutput-content-details"
aria-label="table output details"
>
</div>
</section>
);
}
}
export default GridOutput;