Use landmark regions on columns (#1732)

Closes mastodon#1720
7 years ago · 1467515d3d
parent 8b74aa4217
commit 1467515d3d
2 changed files with 2 additions and 2 deletions
--- 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>
--- 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>