Add a role="main" for the <main> tag

kizu · Jan 11, 2016 · e48887c · e48887c
1 parent a4ac8ec
commit e48887c
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/Changelog.md b/Changelog.md
@@ -6,6 +6,7 @@
 - Added a way to redefine prefix on block/element level.
 - Added a `flat_elements` setting to allow elements of elements.
 - Add a `role="presentation"` for links with empty `alt`, via [Estelle Weyl](https://twitter.com/estellevw/status/685332992227540992).
+- Add a `role="main"` for the `<main>` tag.
 - `src`-less images now would have null gif inlined (or set to the given src).
 - Changed the default way the tag is passed: using either a first uppercase class or an option object.
 - Changed the settings to be a single object and not a bunch of variables.

diff --git a/lib/bemto_tag.jade b/lib/bemto_tag.jade
@@ -70,6 +70,9 @@ mixin bemto_tag(tag)
     if !attributes.type
       - attributes.type = "text"
 
+  if newTag == 'main'
+    if !attributes.role
+      - attributes.role = 'main'
   if newTag == 'html'
     <!DOCTYPE html>
 

diff --git a/test/cases/1_basics.html b/test/cases/1_basics.html
@@ -10,6 +10,8 @@
 </div>
 <div class="block block_foo">bar
 </div>
+<main class="content" role="main">CONTENT
+</main>
 <div class="block block_foo block_bar block_baz">
   <div class="block__element block__element_type_lol block__element_mode_moddy">Blah
   </div>

diff --git a/test/cases/1_basics.jade b/test/cases/1_basics.jade
@@ -10,6 +10,8 @@ include ../../bemto
 
 +b.block_foo bar
 
++b.MAIN.content CONTENT
+
 +b.block_foo._bar._baz
   +e.element_type_lol._mode_moddy Blah