From 1467515d3da9959f65626b7e6a6d8cb626358bf7 Mon Sep 17 00:00:00 2001
From: JP DeVries <mail@devries.jp>
Date: Fri, 14 Apr 2017 11:12:59 +0200
Subject: [PATCH] Use landmark regions on columns (#1732)

Closes mastodon#1720
---
 .../javascripts/components/features/ui/components/column.jsx    | 2 +-
 .../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
index 057b1a9af..0e78c5920 100644
--- 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
index de55fa748..b7052ffaf 100644
--- 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>