hatemile 2.0

data/lib/skippers.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<skippers>
+    <skipper selector="main,[role=main]" description="skipper-main-content" shortcut="1" />
+    <skipper selector="#container-shortcuts-after" description="skipper-shortcuts-list" shortcut="9" />
+    <skipper selector="#container-heading-after" description="skipper-table-contents" shortcut="0" />
+</skippers>

data/lib/symbols.xml

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE symbols [
+<!ENTITY quot '"'>
+<!ENTITY amp '&#38;'>
+<!ENTITY lt '<'>
+]>
+<symbols>
+    <symbol symbol="!" description="symbol-exclamation-mark" />
+    <symbol symbol="&quot;" description="symbol-double-quotes" />
+    <symbol symbol="#" description="symbol-number" />
+    <symbol symbol="$" description="symbol-dollar" />
+    <symbol symbol="%" description="symbol-percent" />
+    <symbol symbol="&amp;" description="symbol-ampersand" />
+    <symbol symbol="'" description="symbol-single-quote" />
+    <symbol symbol="(" description="symbol-open-parenthesis" />
+    <symbol symbol=")" description="symbol-close-parenthesis" />
+    <symbol symbol="*" description="symbol-asterisk" />
+    <symbol symbol="+" description="symbol-plus" />
+    <symbol symbol="," description="symbol-comma" />
+    <symbol symbol="-" description="symbol-hyphen" />
+    <symbol symbol="." description="symbol-dot" />
+    <symbol symbol="/" description="symbol-slash" />
+    <symbol symbol=":" description="symbol-colon" />
+    <symbol symbol=";" description="symbol-semicolon" />
+    <symbol symbol="&lt;" description="symbol-less-than" />
+    <symbol symbol="=" description="symbol-equals" />
+    <symbol symbol=">" description="symbol-greater-than" />
+    <symbol symbol="?" description="symbol-question-mark" />
+    <symbol symbol="@" description="symbol-at" />
+    <symbol symbol="[" description="symbol-open-bracket" />
+    <symbol symbol="\" description="symbol-backslash" />
+    <symbol symbol="]" description="symbol-close-bracket" />
+    <symbol symbol="^" description="symbol-caret" />
+    <symbol symbol="_" description="symbol-underscore" />
+    <symbol symbol="`" description="symbol-grave-accent" />
+    <symbol symbol="{" description="symbol-open-brace" />
+    <symbol symbol="|" description="symbol-vertical-bar" />
+    <symbol symbol="}" description="symbol-close-brace" />
+    <symbol symbol="~" description="symbol-tilde" />
+</symbols>

data/test/locale/en-US.yml

@@ -0,0 +1,5 @@
+en-US:
+  hatemile:
+    text-shortcuts: "Shortcuts:"
+    text-standart-shortcut-prefix: "ALT"
+    text-heading: "Summary:"

data/test/locale/pt-BR.yml

@@ -0,0 +1,4 @@
+pt-BR:
+  hatemile:
+    text-shortcuts: "Atalhos:"
+    text-standart-shortcut-prefix: "ALT"

data/test/test_accessible_association_implementation.rb

@@ -0,0 +1,258 @@
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#    http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+require 'rubygems'
+require 'bundler/setup'
+require 'test/unit'
+require 'test/unit/assertions'
+
+require File.join(
+  File.dirname(File.dirname(__FILE__)),
+  'lib',
+  'hatemile',
+  'implementation',
+  'accessible_association_implementation'
+)
+require File.join(
+  File.dirname(File.dirname(__FILE__)),
+  'lib',
+  'hatemile',
+  'util',
+  'html',
+  'nokogiri',
+  'nokogiri_html_dom_parser'
+)
+
+##
+# Test methods of Hatemile::Implementation::AccessibleAssociationImplementation
+# class.
+class TestAccessibleAssociationImplementation < Test::Unit::TestCase
+  ##
+  # The name of attribute for not modify the elements.
+  DATA_IGNORE = 'data-ignoreaccessibilityfix="true"'.freeze
+
+  ##
+  # Initialize common attributes used by test methods.
+  def setup
+    @html_parser = Hatemile::Util::Html::NokogiriLib::NokogiriHTMLDOMParser.new(
+      "<!DOCTYPE html>
+      <html>
+        <head>
+          <title>HaTeMiLe Tests</title>
+          <meta charset=\"UTF-8\" />
+        </head>
+        <body>
+          <table id=\"table1\">
+            <thead>
+              <tr>
+                <th rowspan=\"2\" data-id=\"t1column11\">Column 1.1</th>
+                <th id=\"t1column12\">Column 1.2</th>
+                <th id=\"t1column13\" #{DATA_IGNORE}>Column 1.3</th>
+                <td id=\"t1column14\">Column 1.4</td>
+              </tr>
+              <tr>
+                <th id=\"t1column22\">Column 2.2</th>
+                <th colspan=\"2\" id=\"t1column23\">Column 2.3</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <th rowspan=\"2\" id=\"t1cell11\">Cell 1.1</th>
+                <td id=\"t1cell12\" #{DATA_IGNORE}>Cell 1.2</td>
+                <td data-id=\"t1cell13\">Cell 1.3</td>
+                <td id=\"t1cell14\">Cell 1.4</td>
+              </tr>
+              <tr>
+                <td colspan=\"3\" id=\"t1cell22\">Cell 2.2</td>
+              </tr>
+            </tbody>
+          </table>
+          <table id=\"table2\">
+            <thead>
+              <tr>
+                <th rowspan=\"2\" id=\"t2column11\">Column 1.1</th>
+                <th id=\"t2column12\">Column 1.2</th>
+                <th id=\"t2column13\">Column 1.3</th>
+              </tr>
+              <tr>
+                <th id=\"t2column22\">Column 2.2</th>
+                <th colspan=\"2\" id=\"t2column23\">Column 2.3</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td rowspan=\"2\" id=\"t2cell11\">Cell 1.1</th>
+                <td id=\"t2cell12\">Cell 1.2</td>
+                <td id=\"t2cell13\">Cell 1.3</td>
+                <td id=\"t2cell14\">Cell 1.4</td>
+              </tr>
+              <tr>
+                <td colspan=\"3\" id=\"t2cell22\">Cell 2.2</td>
+              </tr>
+            </tbody>
+          </table>
+          <table id=\"table3\">
+              <tr>
+                <th rowspan=\"2\" id=\"t3column11\">Column 1.1</th>
+                <th id=\"t3column12\">Column 1.2</th>
+                <th id=\"t3column13\">Column 1.3</th>
+                <td id=\"t3column14\">Column 1.4</td>
+              </tr>
+              <tr>
+                <th id=\"t3column22\">Column 2.2</th>
+                <th colspan=\"2\" id=\"t3column23\">Column 2.3</th>
+              </tr>
+              <tr>
+                <th rowspan=\"2\" id=\"t3cell11\">Cell 1.1</th>
+                <td id=\"t3cell12\">Cell 1.2</td>
+                <td id=\"t3cell13\">Cell 1.3</td>
+                <td id=\"t3cell14\">Cell 1.4</td>
+              </tr>
+              <tr>
+                <td colspan=\"3\" id=\"t3cell22\">Cell 2.2</td>
+              </tr>
+          </table>
+          <label for=\"field1\">Field1</label>
+          <input id=\"field1\" type=\"text\" />
+          <br />
+          <label>
+            Field2
+            <input name=\"field2\" type=\"text\" />
+          </label>
+          <br />
+          <label for=\"field3\">Field3</label>
+          <input id=\"field3\" type=\"text\" aria-label=\"Field 3\" />
+          <br />
+          <label>Field4</label>
+          <input id=\"field4\" type=\"text\" />
+          <br />
+          <label #{DATA_IGNORE} for=\"field5\">Field5</label>
+          <input id=\"field5\" type=\"text\" />
+          <br />
+          <label for=\"field6\">Field6</label>
+          <input id=\"field6\" type=\"text\" #{DATA_IGNORE} />
+          <br />
+          <div #{DATA_IGNORE}>
+            <label for=\"field7\">Field7</label>
+            <input id=\"field7\" type=\"text\" />
+          </div>
+        </body>
+      </html>"
+    )
+    @association =
+      Hatemile::Implementation::AccessibleAssociationImplementation.new(
+        @html_parser
+      )
+  end
+
+  ##
+  # Test associate_all_data_cells_with_header_cells method.
+  def test_associate_all_data_cells_with_header_cells
+    @association.associate_all_data_cells_with_header_cells
+    t1column11 = @html_parser.find('[data-id=t1column11]').first_result
+    t1column12 = @html_parser.find('#t1column12').first_result
+    t1column13 = @html_parser.find('#t1column13').first_result
+    t1column14 = @html_parser.find('#t1column14').first_result
+    t1column22 = @html_parser.find('#t1column22').first_result
+    t1column23 = @html_parser.find('#t1column23').first_result
+    t1cell11 = @html_parser.find('#t1cell11').first_result
+    t1cell12 = @html_parser.find('#t1cell12').first_result
+    t1cell13 = @html_parser.find('[data-id=t1cell13]').first_result
+    t1cell14 = @html_parser.find('#t1cell14').first_result
+    t1cell22 = @html_parser.find('#t1cell22').first_result
+
+    assert(t1column11.has_attribute?('scope'))
+    assert(t1column12.has_attribute?('scope'))
+    assert(!t1column13.has_attribute?('scope'))
+    assert(!t1column14.has_attribute?('scope'))
+    assert(t1column22.has_attribute?('scope'))
+    assert(t1column23.has_attribute?('scope'))
+    assert(t1cell11.has_attribute?('scope'))
+    assert(!t1cell12.has_attribute?('scope'))
+    assert_equal('col', t1column11.get_attribute('scope'))
+    assert_equal('col', t1column12.get_attribute('scope'))
+    assert_equal('col', t1column22.get_attribute('scope'))
+    assert_equal('col', t1column23.get_attribute('scope'))
+    assert_equal('row', t1cell11.get_attribute('scope'))
+    assert_equal(
+      t1column11.get_attribute('id'),
+      t1cell11.get_attribute('headers')
+    )
+    assert(!t1cell12.has_attribute?('headers'))
+    assert_equal(
+      %w[t1column23 t1cell11].to_set,
+      t1cell13.get_attribute('headers').split.to_set
+    )
+    assert_equal(
+      %w[t1column23 t1cell11].to_set,
+      t1cell14.get_attribute('headers').split.to_set
+    )
+    assert_equal(
+      %w[t1column12 t1column22 t1column23 t1cell11].to_set,
+      t1cell22.get_attribute('headers').split.to_set
+    )
+
+    assert_nil(@html_parser.find('#table2 [headers]').first_result)
+    assert_nil(@html_parser.find('#table3 [headers]').first_result)
+  end
+
+  ##
+  # Test associate_all_labels_with_fields method.
+  def test_associate_all_labels_with_fields
+    field1 = @html_parser.find('#field1').first_result
+    field2 = @html_parser.find('[name="field2"]').first_result
+    field3 = @html_parser.find('#field3').first_result
+    field4 = @html_parser.find('#field4').first_result
+    field5 = @html_parser.find('#field5').first_result
+    field6 = @html_parser.find('#field6').first_result
+    field7 = @html_parser.find('#field7').first_result
+
+    @association.associate_all_labels_with_fields
+
+    label1 = @html_parser.find(
+      "##{field1.get_attribute('aria-labelledby')}"
+    ).first_result
+    label2 = @html_parser.find(
+      "##{field2.get_attribute('aria-labelledby')}"
+    ).first_result
+    label3 = @html_parser.find(
+      "##{field3.get_attribute('aria-labelledby')}"
+    ).first_result
+
+    assert(field1.has_attribute?('aria-label'))
+    assert(field1.has_attribute?('aria-labelledby'))
+    assert_equal('Field1', field1.get_attribute('aria-label'))
+    assert_equal('field1', label1.get_attribute('for'))
+
+    assert(field2.has_attribute?('aria-label'))
+    assert(field2.has_attribute?('aria-labelledby'))
+    assert_equal('Field2', field2.get_attribute('aria-label'))
+    assert_equal(
+      field2,
+      @html_parser.find("##{label2.get_attribute('for')}").first_result
+    )
+
+    assert(field3.has_attribute?('aria-label'))
+    assert(field3.has_attribute?('aria-labelledby'))
+    assert_equal('Field 3', field3.get_attribute('aria-label'))
+    assert_equal('field3', label3.get_attribute('for'))
+
+    assert(!field4.has_attribute?('aria-label'))
+    assert(!field4.has_attribute?('aria-labelledby'))
+    assert(!field5.has_attribute?('aria-label'))
+    assert(!field5.has_attribute?('aria-labelledby'))
+    assert(!field6.has_attribute?('aria-label'))
+    assert(!field6.has_attribute?('aria-labelledby'))
+    assert(!field7.has_attribute?('aria-label'))
+    assert(!field7.has_attribute?('aria-labelledby'))
+  end
+end

data/test/test_accessible_css_implementation.rb

@@ -0,0 +1,518 @@
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#    http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+require 'rubygems'
+require 'bundler/setup'
+require 'test/unit'
+require 'test/unit/assertions'
+
+require File.join(
+  File.dirname(File.dirname(__FILE__)),
+  'lib',
+  'hatemile',
+  'implementation',
+  'accessible_css_implementation'
+)
+require File.join(
+  File.dirname(File.dirname(__FILE__)),
+  'lib',
+  'hatemile',
+  'util',
+  'configure'
+)
+require File.join(
+  File.dirname(File.dirname(__FILE__)),
+  'lib',
+  'hatemile',
+  'util',
+  'html',
+  'nokogiri',
+  'nokogiri_html_dom_parser'
+)
+require File.join(
+  File.dirname(File.dirname(__FILE__)),
+  'lib',
+  'hatemile',
+  'util',
+  'css',
+  'rcp',
+  'rcp_parser'
+)
+
+##
+# Test methods of Hatemile::Implementation::AccessibleCSSImplementation class.
+class TestAccessibleCSSImplementation < Test::Unit::TestCase
+  ##
+  # The name of attribute for not modify the elements.
+  DATA_IGNORE = 'data-ignoreaccessibilityfix="true"'.freeze
+  ##
+  # Initialize common attributes used by test methods.
+  def setup
+    @configure = Hatemile::Util::Configure.new
+  end
+
+  ##
+  # Test "speak: none" declaration.
+  def test_speak_none
+    style = "#speak-none-local,
+      #speak-none-inherit,
+      #speak-none-local-ignore,
+      #speak-none-inherit-ignore {
+        speak: none;
+      }"
+    html_parser = Hatemile::Util::Html::NokogiriLib::NokogiriHTMLDOMParser.new(
+      "<!DOCTYPE html>
+      <html>
+        <head>
+          <title>HaTeMiLe Tests</title>
+          <meta charset=\"UTF-8\" />
+        </head>
+        <body>
+          <span id=\"speak-none-local\">Not speak this text.</span>
+          <div id=\"speak-none-inherit\">
+            Not speak <strong>this text.</strong>
+          </div>
+          <span id=\"speak-none-local-ignore\" #{DATA_IGNORE}>
+            Not speak this text.
+          </span>
+          <div id=\"speak-none-inherit-ignore\" #{DATA_IGNORE}>
+            Not speak <strong>this text.</strong>
+          </div>
+        </body>
+      </html>"
+    )
+    css_parser = Hatemile::Util::Css::Rcp::RCPParser.new(style)
+    css = Hatemile::Implementation::AccessibleCSSImplementation.new(
+      html_parser,
+      css_parser,
+      @configure
+    )
+    css.provide_all_speak_properties
+    speak_none_local = html_parser.find('#speak-none-local').first_result
+    speak_none_inherit = html_parser.find('#speak-none-inherit').first_result
+    speak_none_local_ignore = html_parser.find(
+      '#speak-none-local-ignore'
+    ).first_result
+
+    assert(speak_none_local.has_attribute?('role'))
+    assert_equal('presentation', speak_none_local.get_attribute('role'))
+    assert(speak_none_local.has_attribute?('aria-hidden'))
+    assert_equal('true', speak_none_local.get_attribute('aria-hidden'))
+
+    speak_none_inherit.get_children_elements.each do |child|
+      assert(child.has_attribute?('role'))
+      assert_equal('presentation', child.get_attribute('role'))
+      assert(child.has_attribute?('aria-hidden'))
+      assert_equal('true', child.get_attribute('aria-hidden'))
+    end
+
+    assert(!speak_none_local_ignore.has_attribute?('role'))
+    assert(!speak_none_local_ignore.has_attribute?('aria-hidden'))
+    assert_nil(
+      html_parser.find('#speak-none-inherit-ignore [role]').first_result
+    )
+    assert_nil(
+      html_parser.find('#speak-none-inherit-ignore [aria-hidden]').first_result
+    )
+  end
+
+  ##
+  # Test "speak: normal" declaration.
+  def test_speak_normal
+    style = "#speak-none-local,
+      #speak-none-inherit,
+      #speak-none-local-ignore,
+      #speak-none-inherit-ignore {
+        speak: none;
+      }
+      span, div {
+        speak: normal;
+      }"
+    html_parser = Hatemile::Util::Html::NokogiriLib::NokogiriHTMLDOMParser.new(
+      "<!DOCTYPE html>
+      <html>
+        <head>
+          <title>HaTeMiLe Tests</title>
+          <meta charset=\"UTF-8\" />
+        </head>
+        <body>
+          <span id=\"speak-none-local\">Speak this text.</span>
+          <div id=\"speak-none-inherit\">
+            Speak <strong>this text.</strong>
+          </div>
+          <span id=\"speak-none-local-ignore\" #{DATA_IGNORE}>
+            Speak this text.
+          </span>
+          <div id=\"speak-none-inherit-ignore\" #{DATA_IGNORE}>
+            Speak <strong>this text.</strong>
+          </div>
+        </body>
+      </html>"
+    )
+    css_parser = Hatemile::Util::Css::Rcp::RCPParser.new(style)
+    css = Hatemile::Implementation::AccessibleCSSImplementation.new(
+      html_parser,
+      css_parser,
+      @configure
+    )
+    css.provide_all_speak_properties
+
+    assert_nil(html_parser.find('body [role]').first_result)
+    assert_nil(html_parser.find('body [aria-hidden]').first_result)
+  end
+
+  ##
+  # Test "speak-as: spell-out" declaration.
+  def test_speak_as_spell_out
+    style = "#speak-as-spell-out-local,
+      #speak-as-spell-out-inherit,
+      #speak-as-spell-out-local-ignore,
+      #speak-as-spell-out-inherit-ignore {
+        speak-as: spell-out;
+      }"
+    html_parser = Hatemile::Util::Html::NokogiriLib::NokogiriHTMLDOMParser.new(
+      "<!DOCTYPE html>
+      <html>
+        <head>
+          <title>HaTeMiLe Tests</title>
+          <meta charset=\"UTF-8\" />
+        </head>
+        <body>
+          <span id=\"speak-as-spell-out-local\">Speak this text.</span>
+          <div id=\"speak-as-spell-out-inherit\">
+            Speak <strong>this text.</strong>
+          </div>
+          <span id=\"speak-as-spell-out-local-ignore\" #{DATA_IGNORE}>
+            Speak this text.
+          </span>
+          <div id=\"speak-as-spell-out-inherit-ignore\" #{DATA_IGNORE}>
+            Speak <strong>this text.</strong>
+          </div>
+        </body>
+      </html>"
+    )
+    css_parser = Hatemile::Util::Css::Rcp::RCPParser.new(style)
+    css = Hatemile::Implementation::AccessibleCSSImplementation.new(
+      html_parser,
+      css_parser,
+      @configure
+    )
+    css.provide_all_speak_properties
+    speak_as_spell_out_local = html_parser.find(
+      '#speak-as-spell-out-local'
+    ).first_result
+    speak_as_spell_out_inherit = html_parser.find(
+      '#speak-as-spell-out-inherit'
+    ).first_result
+    speak_as_spell_out_local_ignore = html_parser.find(
+      '#speak-as-spell-out-local-ignore'
+    ).first_result
+    speak_as_spell_out_inherit_ignore = html_parser.find(
+      '#speak-as-spell-out-inherit-ignore'
+    ).first_result
+
+    assert_equal(
+      'S p e a k  t h i s  t e x t .',
+      speak_as_spell_out_local.get_text_content
+    )
+    assert_equal(
+      'S p e a k  t h i s  t e x t .',
+      speak_as_spell_out_inherit.get_text_content.strip
+    )
+    assert_equal(
+      'Speak this text.',
+      speak_as_spell_out_local_ignore.get_text_content.strip
+    )
+    assert_equal(
+      'Speak this text.',
+      speak_as_spell_out_inherit_ignore.get_text_content.strip
+    )
+  end
+
+  ##
+  # Test "speak-as: literal-punctuation" declaration.
+  def test_speak_as_literal_punctuation
+    style = "#speak-as-lp-local,
+      #speak-as-lp-inherit,
+      #speak-as-lp-local-ignore,
+      #speak-as-lp-inherit-ignore {
+        speak-as: literal-punctuation;
+      }"
+    html_parser = Hatemile::Util::Html::NokogiriLib::NokogiriHTMLDOMParser.new(
+      "<!DOCTYPE html>
+      <html>
+        <head>
+          <title>HaTeMiLe Tests</title>
+          <meta charset=\"UTF-8\" />
+        </head>
+        <body>
+          <span id=\"speak-as-lp-local\">Speak this text.</span>
+          <div id=\"speak-as-lp-inherit\">
+            Speak <strong>this text.</strong>
+          </div>
+          <span id=\"speak-as-lp-local-ignore\" #{DATA_IGNORE}>
+            Speak this text.
+          </span>
+          <div id=\"speak-as-lp-inherit-ignore\" #{DATA_IGNORE}>
+            Speak <strong>this text.</strong>
+          </div>
+        </body>
+      </html>"
+    )
+    css_parser = Hatemile::Util::Css::Rcp::RCPParser.new(style)
+    css = Hatemile::Implementation::AccessibleCSSImplementation.new(
+      html_parser,
+      css_parser,
+      @configure
+    )
+    css.provide_all_speak_properties
+    speak_as_lp_local = html_parser.find('#speak-as-lp-local').first_result
+    speak_as_lp_inherit = html_parser.find('#speak-as-lp-inherit').first_result
+    speak_as_lp_local_ignore = html_parser.find(
+      '#speak-as-lp-local-ignore'
+    ).first_result
+    speak_as_lp_inherit_ignore = html_parser.find(
+      '#speak-as-lp-inherit-ignore'
+    ).first_result
+
+    assert_equal(
+      'Speak this text Dot .',
+      speak_as_lp_local.get_text_content
+    )
+    assert_equal(
+      'Speak this text Dot .',
+      speak_as_lp_inherit.get_text_content.strip
+    )
+    assert_equal(
+      'Speak this text.',
+      speak_as_lp_local_ignore.get_text_content.strip
+    )
+    assert_equal(
+      'Speak this text.',
+      speak_as_lp_inherit_ignore.get_text_content.strip
+    )
+  end
+
+  ##
+  # Test "speak-as: no-punctuation" declaration.
+  def test_speak_as_no_punctuation
+    style = "#speak-as-np-local,
+      #speak-as-np-inherit,
+      #speak-as-np-local-ignore,
+      #speak-as-np-inherit-ignore {
+        speak-as: no-punctuation;
+      }"
+    html_parser = Hatemile::Util::Html::NokogiriLib::NokogiriHTMLDOMParser.new(
+      "<!DOCTYPE html>
+      <html>
+        <head>
+          <title>HaTeMiLe Tests</title>
+          <meta charset=\"UTF-8\" />
+        </head>
+        <body>
+          <span id=\"speak-as-np-local\">Speak this text.</span>
+          <div id=\"speak-as-np-inherit\">
+            Speak <strong>this text.</strong>
+          </div>
+          <span id=\"speak-as-np-local-ignore\" #{DATA_IGNORE}>
+            Speak this text.
+          </span>
+          <div id=\"speak-as-np-inherit-ignore\" #{DATA_IGNORE}>
+            Speak <strong>this text.</strong>
+          </div>
+        </body>
+      </html>"
+    )
+    css_parser = Hatemile::Util::Css::Rcp::RCPParser.new(style)
+    css = Hatemile::Implementation::AccessibleCSSImplementation.new(
+      html_parser,
+      css_parser,
+      @configure
+    )
+    css.provide_all_speak_properties
+
+    assert_equal(
+      '.',
+      html_parser.find(
+        '#speak-as-np-local [aria-hidden]'
+      ).first_result.get_text_content
+    )
+    assert_equal(
+      '.',
+      html_parser.find(
+        '#speak-as-np-inherit [aria-hidden]'
+      ).first_result.get_text_content.strip
+    )
+    assert_nil(
+      html_parser.find('#speak-as-np-local-ignore [aria-hidden]').first_result
+    )
+    assert_nil(
+      html_parser.find('#speak-as-np-inherit-ignore [aria-hidden]').first_result
+    )
+  end
+
+  ##
+  # Test "speak-as: digits" declaration.
+  def test_speak_as_digits
+    style = "#speak-as-digits-local,
+      #speak-as-digits-inherit,
+      #speak-as-digits-local-ignore,
+      #speak-as-digits-inherit-ignore {
+        speak-as: digits;
+      }"
+    html_parser = Hatemile::Util::Html::NokogiriLib::NokogiriHTMLDOMParser.new(
+      "<!DOCTYPE html>
+      <html>
+        <head>
+          <title>HaTeMiLe Tests</title>
+          <meta charset=\"UTF-8\" />
+        </head>
+        <body>
+          <span id=\"speak-as-digits-local\">111</span>
+          <div id=\"speak-as-digits-inherit\">
+            123 <strong>456</strong>
+          </div>
+          <span id=\"speak-as-digits-local-ignore\" #{DATA_IGNORE}>777</span>
+          <div id=\"speak-as-digits-inherit-ignore\" #{DATA_IGNORE}>
+            888 <strong>999</strong>
+          </div>
+        </body>
+      </html>"
+    )
+    css_parser = Hatemile::Util::Css::Rcp::RCPParser.new(style)
+    css = Hatemile::Implementation::AccessibleCSSImplementation.new(
+      html_parser,
+      css_parser,
+      @configure
+    )
+    css.provide_all_speak_properties
+    speak_as_digits_local = html_parser.find(
+      '#speak-as-digits-local'
+    ).first_result
+    speak_as_digits_inherit = html_parser.find(
+      '#speak-as-digits-inherit'
+    ).first_result
+    speak_as_digits_local_ignore = html_parser.find(
+      '#speak-as-digits-local-ignore'
+    ).first_result
+    speak_as_digits_inherit_ignore = html_parser.find(
+      '#speak-as-digits-inherit-ignore'
+    ).first_result
+
+    assert_equal('1 1 1', speak_as_digits_local.get_text_content.strip)
+    assert_equal(
+      '1 2 3  4 5 6',
+      speak_as_digits_inherit.get_text_content.strip
+    )
+    assert_equal('777', speak_as_digits_local_ignore.get_text_content.strip)
+    assert_equal(
+      '888 999',
+      speak_as_digits_inherit_ignore.get_text_content.strip
+    )
+  end
+
+  ##
+  # Test "speak-as: normal" declaration.
+  def test_speak_as_normal
+    style = "#speak-as-spell-out-local,
+      #speak-as-spell-out-inherit,
+      #speak-as-spell-out-local-ignore,
+      #speak-as-spell-out-inherit-ignore {
+        speak-as: spell-out;
+      }
+      #speak-as-lp-local,
+      #speak-as-lp-inherit,
+      #speak-as-lp-local-ignore,
+      #speak-as-lp-inherit-ignore {
+        speak-as: literal-punctuation;
+      }
+      #speak-as-np-local,
+      #speak-as-np-inherit,
+      #speak-as-np-local-ignore,
+      #speak-as-np-inherit-ignore {
+        speak-as: no-punctuation;
+      }
+      #speak-as-digits-local,
+      #speak-as-digits-inherit,
+      #speak-as-digits-local-ignore,
+      #speak-as-digits-inherit-ignore {
+        speak-as: digits;
+      }
+      span, div {
+        speak-as: normal;
+      }"
+    html_parser = Hatemile::Util::Html::NokogiriLib::NokogiriHTMLDOMParser.new(
+      "<!DOCTYPE html>
+      <html>
+        <head>
+          <title>HaTeMiLe Tests</title>
+          <meta charset=\"UTF-8\" />
+        </head>
+        <body>
+          <span id=\"speak-as-spell-out-local\">Speak this text.</span>
+          <div id=\"speak-as-spell-out-inherit\">
+            Speak <strong>this text.</strong>
+          </div>
+          <span id=\"speak-as-lp-local\">Speak this text.</span>
+          <div id=\"speak-as-lp-inherit\">
+            Speak <strong>this text.</strong>
+          </div>
+          <span id=\"speak-as-np-local\">Speak this text.</span>
+          <div id=\"speak-as-np-inherit\">
+            Speak <strong>this text.</strong>
+          </div>
+          <span id=\"speak-as-digits-local\">111</span>
+          <div id=\"speak-as-digits-inherit\">
+            123 <strong>456</strong>
+          </div>
+        </body>
+      </html>"
+    )
+    css_parser = Hatemile::Util::Css::Rcp::RCPParser.new(style)
+    css = Hatemile::Implementation::AccessibleCSSImplementation.new(
+      html_parser,
+      css_parser,
+      @configure
+    )
+    css.provide_all_speak_properties
+    speak_as_spell_out_local = html_parser.find(
+      '#speak-as-spell-out-local'
+    ).first_result
+    speak_as_spell_out_inherit = html_parser.find(
+      '#speak-as-spell-out-inherit'
+    ).first_result
+    speak_as_lp_local = html_parser.find('#speak-as-lp-local').first_result
+    speak_as_lp_inherit = html_parser.find('#speak-as-lp-inherit').first_result
+    speak_as_digits_local = html_parser.find(
+      '#speak-as-digits-local'
+    ).first_result
+    speak_as_digits_inherit = html_parser.find(
+      '#speak-as-digits-inherit'
+    ).first_result
+
+    assert_equal('Speak this text.', speak_as_spell_out_local.get_text_content)
+    assert_equal(
+      'Speak this text.',
+      speak_as_spell_out_inherit.get_text_content.strip
+    )
+    assert_equal('Speak this text.', speak_as_lp_local.get_text_content.strip)
+    assert_equal('Speak this text.', speak_as_lp_inherit.get_text_content.strip)
+    assert_nil(
+      html_parser.find('#speak-as-np-local [aria-hidden]').first_result
+    )
+    assert_nil(
+      html_parser.find('#speak-as-np-inherit [aria-hidden]').first_result
+    )
+    assert_equal('111', speak_as_digits_local.get_text_content)
+    assert_equal('123 456', speak_as_digits_inherit.get_text_content.strip)
+  end
+end