about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/components/column.js
diff options
context:
space:
mode:
authorDavid Yip <yipdw@member.fsf.org>2018-09-29 19:01:19 -0500
committerGitHub <noreply@github.com>2018-09-29 19:01:19 -0500
commitc065717b6765435e7374975ae9d71ebaa224f92c (patch)
tree603dc9c3b9def7b7a079f9403d3b5f9cc2d507ea /app/javascript/flavours/glitch/components/column.js
parent2bb3c8c9446dd8cd47e0e0b4d9e899b8a5a546f2 (diff)
parent530da545a532d7e3cbcc5168e97410bd86d92117 (diff)
Merge pull request #681 from ThibG/glitch-soc/fixes/accessibility
Port various accessibility improvements from upstream
Diffstat (limited to 'app/javascript/flavours/glitch/components/column.js')
-rw-r--r--app/javascript/flavours/glitch/components/column.js5
1 files changed, 3 insertions, 2 deletions
diff --git a/app/javascript/flavours/glitch/components/column.js b/app/javascript/flavours/glitch/components/column.js
index 57c4c7a40..dc87818a5 100644
--- a/app/javascript/flavours/glitch/components/column.js
+++ b/app/javascript/flavours/glitch/components/column.js
@@ -9,6 +9,7 @@ export default class Column extends React.PureComponent {
     children: PropTypes.node,
     extraClasses: PropTypes.string,
     name: PropTypes.string,
+    label: PropTypes.string,
   };
 
   scrollTop () {
@@ -42,10 +43,10 @@ export default class Column extends React.PureComponent {
   }
 
   render () {
-    const { children, extraClasses, name } = this.props;
+    const { children, extraClasses, name, label } = this.props;
 
     return (
-      <div role='region' data-column={name} className={`column ${extraClasses || ''}`} ref={this.setRef}>
+      <div role='region' aria-label={label} data-column={name} className={`column ${extraClasses || ''}`} ref={this.setRef}>
         {children}
       </div>
     );