[Summary view] [Print] [Text view]

   1  @editor @editor_atto @atto @atto_accessibilitychecker
   2  Feature: Atto accessibility checker
   3    To write accessible text in Atto, I need to check for accessibility warnings.
   4  
   5    @javascript
   6    Scenario: Images with no alt
   7      Given I log in as "admin"
   8      And I follow "Profile" in the user menu
   9      And I follow "Edit profile"
  10      And I set the field "Description" to "<p>Some plain text</p><img src='/broken-image' width='1' height='1'/><p>Some more text</p>"
  11      When I click on "Show more buttons" "button"
  12      And I click on "Accessibility checker" "button"
  13      Then I should see "Images require alternative text."
  14      And I follow "/broken-image"
  15      And I wait "2" seconds
  16      And I click on "Image" "button"
  17      And the field "Enter URL" matches value "/broken-image"
  18      And I set the field "Describe this image for someone who cannot see it" to "No more warning!"
  19      And I press "Save image"
  20      And I press "Accessibility checker"
  21      And I should see "Congratulations, no accessibility problems found!"
  22      And I click on ".moodle-dialogue-focused .closebutton" "css_element"
  23      And I select the text in the "Description" Atto editor
  24      And I click on "Image" "button"
  25      And I set the field "Describe this image for someone who cannot see it" to ""
  26      And I set the field "Description not necessary" to "1"
  27      And I press "Save image"
  28      And I press "Accessibility checker"
  29      And I should see "Congratulations, no accessibility problems found!"
  30  
  31    @javascript
  32    Scenario: Low contrast
  33      Given I log in as "admin"
  34      And I follow "Profile" in the user menu
  35      And I follow "Edit profile"
  36      And I set the field "Description" to "<p style='color: #7c7cff; background-color: #ffffff;'>Hard to read</p>"
  37      When I click on "Show more buttons" "button"
  38      And I click on "Accessibility checker" "button"
  39      Then I should see "The colours of the foreground and background text do not have enough contrast."
  40  
  41    @javascript
  42    Scenario: No headings
  43      Given I log in as "admin"
  44      And I follow "Profile" in the user menu
  45      And I follow "Edit profile"
  46      And I set the field "Description" to "<p>Sweet roll oat cake jelly-o macaroon donut oat cake. Caramels macaroon cookie sweet roll croissant cheesecake candy jelly-o. Gummies sugar plum sugar plum gingerbread dessert. Tiramisu bonbon jujubes danish marshmallow cookie chocolate cake cupcake tiramisu. Bear claw oat cake chocolate bar croissant. Lollipop cookie topping liquorice croissant. Brownie cookie cupcake lollipop cupcake cupcake. Fruitcake dessert sweet biscuit dragée caramels marzipan brownie. Chupa chups gingerbread apple pie cookie liquorice caramels carrot cake cookie gingerbread. Croissant candy jelly beans. Tiramisu apple pie dessert apple pie macaroon soufflé. Brownie powder carrot cake chocolate. Tart applicake croissant dragée macaroon chocolate donut.</p><p>Jelly beans gingerbread tootsie roll. Sugar plum tiramisu cotton candy toffee pie cotton candy tiramisu. Carrot cake chocolate bar sesame snaps cupcake cake dessert sweet fruitcake wafer. Marshmallow cupcake gingerbread pie sweet candy canes powder gummi bears. Jujubes cake muffin marshmallow candy jelly beans tootsie roll pie. Gummi bears applicake chocolate cake sweet jelly sesame snaps lollipop lollipop carrot cake. Marshmallow cake jelly beans. Jelly beans sesame snaps muffin halvah cookie ice cream candy canes carrot cake. Halvah donut marshmallow tiramisu. Cookie dessert gummi bears. Sugar plum apple pie jelly beans gummi bears tart chupa chups. Liquorice macaroon gummi bears gummies macaroon marshmallow sweet roll cake topping. Lemon drops caramels pie icing danish. Chocolate cake oat cake dessert halvah danish carrot cake apple pie.</p>"
  47      When I click on "Show more buttons" "button"
  48      And I click on "Accessibility checker" "button"
  49      Then I should see "There is a lot of text with no headings."
  50  
  51    @javascript
  52    Scenario: Merged cells
  53      Given I log in as "admin"
  54      And I follow "Profile" in the user menu
  55      And I follow "Edit profile"
  56      And I set the field "Description" to "<table><caption>Dogs that look good in pants</caption><tr><th>Breed</th><th>Coolness</th></tr><tr><td>Poodle</td><td rowspan='2'>NOT COOL</td></tr><tr><td>Doberman</td></tr></table>"
  57      When I click on "Show more buttons" "button"
  58      And I click on "Accessibility checker" "button"
  59      Then I should see "Tables should not contain merged cells."
  60  
  61    @javascript
  62    Scenario: Table missing row/column headers
  63      Given I log in as "admin"
  64      And I follow "Profile" in the user menu
  65      And I follow "Edit profile"
  66      And I set the field "Description" to "<table><caption>Dogs that look good in pants</caption><tr><th>Breed</th><td>Coolness</td></tr><tr><td>Poodle</td><td>NOT COOL</td></tr><tr><td>Doberman</td><td>COOL</td></tr></table>"
  67      When I click on "Show more buttons" "button"
  68      And I click on "Accessibility checker" "button"
  69      Then I should see "Tables should use row and/or column headers."
  70  
  71    @javascript
  72    Scenario: Table missing caption
  73      Given I log in as "admin"
  74      And I follow "Profile" in the user menu
  75      And I follow "Edit profile"
  76      And I set the field "Description" to "<table><tr><th>Breed</th><th>Coolness</th></tr><tr><td>Poodle</td><td>NOT COOL</td></tr><tr><td>Doberman</td><td>COOL</td></tr></table>"
  77      When I click on "Show more buttons" "button"
  78      And I click on "Accessibility checker" "button"
  79      Then I should see "Tables should have captions."