mastofe

commit: 1467515d3da9959f65626b7e6a6d8cb626358bf7
parent: 8b74aa42176dabf77c3b4d02c80bcc47d9d70e8e
Author: JP DeVries <mail@devries.jp>
Date:   Fri, 14 Apr 2017 11:12:59 +0200

Use landmark regions on columns (#1732)

Closes mastodon#1720
Diffstat:
M
app/assets/javascripts/components/features/ui/components/column.jsx
2
+-
M
app/assets/javascripts/components/features/ui/components/column_header.jsx
2
+-

2 files changed, 2 insertions(+), 2 deletions(-)
diff --git a/app/assets/javascripts/components/features/ui/components/column.jsx b/app/assets/javascripts/components/features/ui/components/column.jsx
@@ -64,7 +64,7 @@ const Column = React.createClass({
     }
 
     return (
-      <div className='column' onWheel={this.handleWheel}>
+      <div role='section' className='column' onWheel={this.handleWheel}>
         {header}
         {children}
       </div>
diff --git a/app/assets/javascripts/components/features/ui/components/column_header.jsx b/app/assets/javascripts/components/features/ui/components/column_header.jsx
@@ -25,7 +25,7 @@ const ColumnHeader = React.createClass({
     }
 
     return (
-      <div className={`column-header ${active ? 'active' : ''}`} onClick={this.handleClick}>
+      <div aria-label={type} className={`column-header ${active ? 'active' : ''}`} onClick={this.handleClick}>
         {icon}
         {type}
       </div>