<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Report for http://www.globe.com.ph</title><script>function (a){var b=-1!==[!0,"true"].indexOf(a.getAttribute("aria-expanded"));a.setAttribute("aria-expanded",!b);var c=a.parentNode.parentNode.nextSibling;c.classList.toggle("collapsed")}</script><link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" /><link rel="stylesheet" href="report.css" /></head><body><div class="container reporter-view"> <h1 class="ng-binding">Report for http://www.globe.com.ph</h1> <p><em class="ng-binding"> Report Creator: Group 34, July 14, 2018 </em></p> <p><em class="ng-binding"> Evaluation Commissioner: Prof. Kat Esteves </em></p> <h2 class="ng-binding">Summary of the evaluation findings</h2> <div data-ng-bind-html="report.summary | txtToHtml" class="ng-binding"><p>Home page<br>Evaluator: Mikee Erika Tamayo<br>Most of the principles to be checked are not found on the site. There are no videos, audio, and text fields available that's why it's tagged "Not Present." But to summarize the experience in using the Globe telecom site, I found it not so accessible to everyone. Some of the keyboard shortcuts are not working, the color of the text is somehow not perceivable, and the screen reader tends to read the link only but not the images of the text (which are too many on the homepage). On the other side, the site is able to provide multiple ways of performing a specific action, and the contents are useful and related to its headings/titles. </p><p>URL 1: Bill Pay<br>Evaluator: Winfred Louis Camello<br>Based on my evaluation the website meets the certain standards for accessibility but there are things that are needed to be improved on the page to make it more accessible and to conduct an ease transaction to the customers of the website.</p><p></p><p>URL 2: (Multimedia Content)<br>Evaluator: : Isabela Catherina L. Ticar<br>Upon evaluating this specific site, I have concluded that it had met some standards in terms of accessibility. Though there would still be a lot of work needed to improve this site in order to make it user friendly and easy to access.</p><p>Random Page: (Shop)<br>Evaluator: Roumel Itum <br>The real reason why this kind of mobile service thrived is because of its promise of being inclusive. I remember the first commercial of Globe showing two PWD trying to communicate over the phone, through text. And it should come as a brand extension of the company that its website be created to also address the needs of those who were instrumental for changing the mobile landscape. However, as this exercise proved, there were a lot of points that were not really given enough attention to be able to serve the needs of PWD who would access Globe's website for whatever purpose--be it to read content, to pay bills, or to shop for a new handset--we saw a lot of points that did not meet the requirements, from the simple A to the more complex AAA, and everything in between. While it was able to achieve some of the requirements, one may assume that accessibility was not a primary concern for this site--I guess aesthetic would be a great factor, but it would really be more meaningful for a design to be conceived around the ideals of inclusivity.</p></div> <h2 class="ng-binding">Scope of the evaluation</h2> <!-- ngInclude: --><div data-ng-include="" data-src="'views/report/scope.html'" class="ng-scope"><table class="ng-scope"> <tbody><tr><th class="ng-binding">Website name </th><td class="ng-binding"> </td></tr><tr> <th class="ng-binding">Scope of the website </th><td data-ng-bind-html="scope.website.siteScope | txtToHtml" class="ng-binding"><p>The public website of Globe Telecom located at <a target="_blank" href="http://www.globe.com.ph">www.globe.com.ph</a><br>Homepage: <a target="_blank" href="http://www.globe.com.ph">www.globe.com.ph</a><br>URL 1: <a target="_blank" href="http://www.globe.com.ph/paybill">www.globe.com.ph/paybill</a><br>URL 2: <a target="_blank" href="http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html">http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html</a><br>Random Sample: <a target="_blank" href="https://shop.globe.com.ph/products/mobile/apple-iphone-8">https://shop.globe.com.ph/products/mobile/apple-iphone-8</a></p></td></tr><tr><th class="ng-binding">Conformance target </th><td class="ng-binding">Level AA </td></tr><tr><th class="ng-binding">Additional evaluation requirements </th><td data-ng-bind-html="scope.additionalEvalRequirement | txtToHtml" class="ng-binding"><p>-Apart from AA compliance, Homepage and URLs will also be audited for A and AAA compliance <br>-Analysis of payment steps via Globe payment gateway (simulation of bill payment through the website)<br>-Compliance to WCAG of content (news, blogs, and other content) using multimedia content<br>-For responsive design, mobile devices were also used</p></td></tr><tr><th class="ng-binding">Accessibility support baseline </th><td data-ng-bind-html="scope.accessibilitySupportBaseline | txtToHtml" class="ng-binding"><p>Four evaluators evaluated the website with various accessibility support baseline:</p><p>Operating Systems:<br>MAC Sierra 10.12<br>WIN 10<br>WIN 7</p><p>Mobile:<br>iOS 11.4.1<br>Android Lollipop v.50</p><p>Browsers:<br>Safari v10.0<br>Google Chrome v67.0.3396.99(64-bit)</p><p>Plugins:<br>Media Players</p><p>Assistive Technologies:<br>VoiceOver Utility <br>Narrator<br>Magnifier<br>Speech Recognition </p><p>Other support baseline:<br>Internet Connection (wired or wi-fi)</p></td></tr><!-- ngIf: explore.reliedUponTechnology.length > 0 --><tr data-ng-if="explore.reliedUponTechnology.length > 0" class="ng-scope"> <th class="ng-binding">Relied upon technologies </th><td><ul><!-- ngRepeat: tech in explore.reliedUponTechnology --><li data-ng-repeat="tech in explore.reliedUponTechnology" class="ng-scope"> <!-- ngIf: tech.specs --><!-- ngIf: !tech.specs --><span data-ng-if="!tech.specs" class="ng-binding ng-scope"> HTML5 </span><!-- end ngIf: !tech.specs --> </li><!-- end ngRepeat: tech in explore.reliedUponTechnology --><li data-ng-repeat="tech in explore.reliedUponTechnology" class="ng-scope"> <!-- ngIf: tech.specs --><!-- ngIf: !tech.specs --><span data-ng-if="!tech.specs" class="ng-binding ng-scope"> CSS </span><!-- end ngIf: !tech.specs --> </li><!-- end ngRepeat: tech in explore.reliedUponTechnology --><li data-ng-repeat="tech in explore.reliedUponTechnology" class="ng-scope"> <!-- ngIf: tech.specs --><!-- ngIf: !tech.specs --><span data-ng-if="!tech.specs" class="ng-binding ng-scope"> DOM </span><!-- end ngIf: !tech.specs --> </li><!-- end ngRepeat: tech in explore.reliedUponTechnology --><li data-ng-repeat="tech in explore.reliedUponTechnology" class="ng-scope"> <!-- ngIf: tech.specs --><!-- ngIf: !tech.specs --><span data-ng-if="!tech.specs" class="ng-binding ng-scope"> Flash </span><!-- end ngIf: !tech.specs --> </li><!-- end ngRepeat: tech in explore.reliedUponTechnology --></ul> </td></tr><!-- end ngIf: explore.reliedUponTechnology.length > 0 --></tbody></table></div> <h2 class="ng-binding">Overview of audit results</h2> <!-- ngInclude: --><div data-ng-include="" data-src="'views/report/score.html'" class="ng-scope"><table ng-controller="ReportScoreCtrl" class="ng-scope"> <caption class="ng-binding"> Results of Level AA </caption> <thead><tr> <th class="ng-binding">Principle </th><th class="ng-binding">Level A </th><!-- ngIf: totals['level_aa'].total > 0 --><!-- ngIf: totals['level_aaa'].total > 0 --></tr></thead><tbody> <!-- ngRepeat: score in scores --><!-- ngIf: score.tested > 0 --><!-- end ngRepeat: score in scores --><!-- ngIf: score.tested > 0 --><!-- end ngRepeat: score in scores --><!-- ngIf: score.tested > 0 --><!-- end ngRepeat: score in scores --><!-- ngIf: score.tested > 0 --><!-- end ngRepeat: score in scores --><tr class="score-total"> <th class="ng-binding">Total </th><td class="ng-binding">0 / 0 </td><!-- ngIf: totals['level_aa'].total > 0 --><!-- ngIf: totals['level_aaa'].total > 0 --></tr></tbody></table></div> <h2 class="ng-binding">Detailed audit results</h2> <!-- ngInclude: --><div data-ng-include="" data-src="'views/report/findings.html'" class="ng-scope"><div data-ng-controller="ReportFindingsCtrl" class="ng-scope"> <!-- ngRepeat: p in principles --><div data-ng-repeat="p in principles" class="ng-scope"> <h3 class="ng-binding">Principle 1 Perceivable</h3> <!-- ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">1.1 Text Alternatives</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.1.1 Non-text Content</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">All non-text content that is presented to the user has a text alternative that serves the equivalent purpose, except for the situations listed below.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --><ul ng-if="detail.type === 'ulist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Controls, Input </strong><!-- end ngIf: item.handle --> If non-text content is a control or accepts user input, then it has a name that describes its purpose. (Refer to Guideline 4.1 for additional requirements for controls and content that accepts user input.) </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Time-Based Media </strong><!-- end ngIf: item.handle --> If non-text content is time-based media, then text alternatives at least provide descriptive identification of the non-text content. (Refer to Guideline 1.2 for additional requirements for media.) </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Test </strong><!-- end ngIf: item.handle --> If non-text content is a test or exercise that would be invalid if presented in text, then text alternatives at least provide descriptive identification of the non-text content. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Sensory </strong><!-- end ngIf: item.handle --> If non-text content is primarily intended to create a specific sensory experience, then text alternatives at least provide descriptive identification of the non-text content. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> CAPTCHA </strong><!-- end ngIf: item.handle --> If the purpose of non-text content is to confirm that content is being accessed by a person rather than a computer, then text alternatives that identify and describe the purpose of the non-text content are provided, and alternative forms of CAPTCHA using output modes for different types of sensory perception are provided to accommodate different disabilities. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Decoration, Formatting, Invisible </strong><!-- end ngIf: item.handle --> If non-text content is pure decoration, is used only for visual formatting, or is not presented to users, then it is implemented in a way that it can be ignored by assistive technology. </li><!-- end ngRepeat: item in detail.items --> </ul><!-- end ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/text-equiv-all.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-text-equiv-all" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> By using NVDA, the images shown on the website were detected and given alternate description. The captions provided were readable as well using the browser's screen reader.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> NVDA provides the title of page and content are perceivable.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Both the title and contents of the page are readable by Windows Narrator.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Photos present were not provided with text alternatives</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">1.2 Time-based Media</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.1 Audio-only and Video-only (Prerecorded)</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">For prerecorded audio-only and prerecorded video-only media, the following are true, except when the audio or video is a media alternative for text and is clearly labeled as such:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --><ul ng-if="detail.type === 'ulist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Prerecorded Audio-only </strong><!-- end ngIf: item.handle --> An alternative for time-based media is provided that presents equivalent information for prerecorded audio-only content. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Prerecorded Video-only </strong><!-- end ngIf: item.handle --> Either an alternative for time-based media or an audio track is provided that presents equivalent information for prerecorded video-only content. </li><!-- end ngRepeat: item in detail.items --> </ul><!-- end ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-av-only-alt.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-av-only-alt" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No video and audio present on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No video and audio present on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Title of the video can be readable by Windows Narrator.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.2 Captions (Prerecorded)</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Captions are provided for all prerecorded audio content in synchronized media, except when the media is a media alternative for text and is clearly labeled as such.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-captions.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-captions" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No video and audio present on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No video and audio present on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Does not provide captions for videos</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The page holds no elements that would meet this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.3 Audio Description or Media Alternative (Prerecorded)</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">An alternative for time-based media or audio description of the prerecorded video content is provided for synchronized media, except when the media is a media alternative for text and is clearly labeled as such.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-audio-desc.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-audio-desc" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> neither video nor audio shows on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> neither video nor audio shows on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There's no description available.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The page holds no elements that would meet this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.4 Captions (Live)</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Captions are provided for all live audio content in synchronized media.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-real-time-captions.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-real-time-captions" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Neither video nor audio shows on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Neither video nor audio shows on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No live audio/video to suffice this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The page holds no elements that would meet this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.5 Audio Description (Prerecorded)</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Audio description is provided for all prerecorded video content in synchronized media.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-audio-desc-only.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-audio-desc-only" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There’s no audio available on the site</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There’s no audio available on the site</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No audio description provided for all video materials present</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The page holds no elements that would meet this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.6 Sign Language (Prerecorded)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Sign language interpretation is provided for all prerecorded audio content in synchronized media.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-sign.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-sign" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The page holds no elements that would meet this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.7 Extended Audio Description (Prerecorded)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Where pauses in foreground audio are insufficient to allow audio descriptions to convey the sense of the video, extended audio description is provided for all prerecorded video content in synchronized media.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-extended-ad.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-extended-ad" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No video to satisfy this requirement on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The page holds no elements that would meet this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.8 Media Alternative (Prerecorded)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">An alternative for time-based media is provided for all prerecorded synchronized media and for all prerecorded video-only media.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-text-doc.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-text-doc" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No video to satisfy this requirement on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The page holds no elements that would meet this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.2.9 Audio-only (Live)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">An alternative for time-based media that presents equivalent information for live audio-only content is provided.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/media-equiv-live-audio-only.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-media-equiv-live-audio-only" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No video to satisfy this requirement on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The page holds no elements that would meet this requirement</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">1.3 Adaptable</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.3.1 Info and Relationships</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-programmatic.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-programmatic" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The content was not logically presented. Some of the contents were placed in a confusing order.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Information and Structure are properly conveyed in the page.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Information arranged in logical order.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There are "select" elements that are missing an associated "label"; the table headers that show the specifications of the handset are not correctly marked up, making the VoiceOver Utility read the sequence in a confusing manner</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.3.2 Meaningful Sequence</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-sequence.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-sequence" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The advertisements posted upon scrolling down is somehow unrelated to the main page</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> It was able to preserve the reading order and the meaning is simply understood.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Able to present the content in a meaningful order</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Table of specifications does not make sense when linearized</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.3.3 Sensory Characteristics</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Instructions provided for understanding and operating content do not rely solely on sensory characteristics of components such as shape, size, visual location, orientation, or sound.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/content-structure-separation-understanding.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-content-structure-separation-understanding" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The options for "I want to" are being detected by browser's screen reader.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The content in oval button on the page is easily recognized by NVDA.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Some contents cannot be accessed by Windows Narrator</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The option to choose color for the handset is only identified by shape and location. The buttons do not have additional information to indicate their function</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">1.4 Distinguishable</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.1 Use of Color</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-without-color.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-without-color" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No colors have been used as indicator</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The paperless billing link is not properly highlighted because the font color does not contrast with the panel background.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Presentation of site does not rely solely on colors</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There are links that are provided with visual cue on hover</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.2 Audio Control</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">If any audio on a Web page plays automatically for more than 3 seconds, either a mechanism is available to pause or stop the audio, or a mechanism is available to control audio volume independently from the overall system volume level.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-dis-audio.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-dis-audio" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No audio present</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No audio present</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There is no strictly audio content</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No audio content</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.3 Contrast (Minimum)</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --><ul ng-if="detail.type === 'ulist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Large Text </strong><!-- end ngIf: item.handle --> Large-scale text and images of large-scale text have a contrast ratio of at least 3:1; </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Incidental </strong><!-- end ngIf: item.handle --> Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Logotypes </strong><!-- end ngIf: item.handle --> Text that is part of a logo or brand name has no minimum contrast requirement. </li><!-- end ngRepeat: item in detail.items --> </ul><!-- end ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-contrast" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> It did not provide enough contrast between the color of the text and background. the image used as a background has a light color same as the color of the text</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Most of the text in the content is contrast with the background.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Text are in contrast with the background (7.01:1)</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There were elements on the page that generated a contrast ratio of 1:1</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.4 Resize text</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-scale" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Other options and uses are not showing when the text is resized.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> It was able to meet the 200% without loss of content or functionality.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Was able to resize till 200% without loss of content nor function</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The links to "free shipping" and "easy returns" were gone at 150%</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.5 Images of Text</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">If the technologies being used can achieve the visual presentation, text is used to convey information rather than images of text except for the following:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --><ul ng-if="detail.type === 'ulist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Customizable </strong><!-- end ngIf: item.handle --> The image of text can be visually customized to the user's requirements; </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Essential </strong><!-- end ngIf: item.handle --> A particular presentation of text is essential to the information being conveyed. </li><!-- end ngRepeat: item in detail.items --> </ul><!-- end ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-presentation.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-text-presentation" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The text in the image is perceivable.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Does not use images of text</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The Globe logo is a considered essential</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.6 Contrast (Enhanced)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --><ul ng-if="detail.type === 'ulist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Large Text </strong><!-- end ngIf: item.handle --> Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1; </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Incidental </strong><!-- end ngIf: item.handle --> Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Logotypes </strong><!-- end ngIf: item.handle --> Text that is part of a logo or brand name has no minimum contrast requirement. </li><!-- end ngRepeat: item in detail.items --> </ul><!-- end ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast7.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast7" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Failed at the minimum</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.7 Low or No Background Audio</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">For prerecorded audio-only content that (1) contains primarily speech in the foreground, (2) is not an audio CAPTCHA or audio logo, and (3) is not vocalization intended to be primarily musical expression such as singing or rapping, at least one of the following is true:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --><ul ng-if="detail.type === 'ulist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> No Background </strong><!-- end ngIf: item.handle --> The audio does not contain background sounds. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Turn Off </strong><!-- end ngIf: item.handle --> The background sounds can be turned off. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> 20 dB </strong><!-- end ngIf: item.handle --> The background sounds are at least 20 decibels lower than the foreground speech content, with the exception of occasional sounds that last for only one or two seconds.Note: Per the definition of "decibel," background sound that meets this requirement will be approximately four times quieter than the foreground speech content. </li><!-- end ngRepeat: item in detail.items --> </ul><!-- end ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-noaudio.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-noaudio" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> n/a</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.8 Visual Presentation</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">For the visual presentation of blocks of text, a mechanism is available to achieve the following:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --><ol ng-if="detail.type === 'olist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --> Foreground and background colors can be selected by the user. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --> Width is no more than 80 characters or glyphs (40 if CJK). </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --> Text is not justified (aligned to both the left and the right margins). </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --> Line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --> Text can be resized without assistive technology up to 200 percent in a way that does not require the user to scroll horizontally to read a line of text on a full-screen window. </li><!-- end ngRepeat: item in detail.items --> </ol><!-- end ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-visual-presentation.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-visual-presentation" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Foreground and background colors cannot be selected by the user; some texts were justified</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">1.4.9 Images of Text (No Exception)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-text-images.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-visual-audio-contrast-text-images" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Only the logo is used as image of text</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --> </div><!-- end ngRepeat: p in principles --><div data-ng-repeat="p in principles" class="ng-scope"> <h3 class="ng-binding">Principle 2 Operable</h3> <!-- ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">2.1 Keyboard Accessible</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.1.1 Keyboard</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user's movement and not just the endpoints.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-keyboard-operable.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-keyboard-operable" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The options can be detected by screen reader using keyboard. However, a mouse is needed to read the captions on images. Also, some of the keyboard shortcuts are not working.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The link "paperless billing" is not operable by keyboard.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Some links cannot be accessed by keyboard</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The MENU couldn't be selected using tab</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.1.2 No Keyboard Trap</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">If keyboard focus can be moved to a component of the page using a keyboard interface, then focus can be moved away from that component using only a keyboard interface, and, if it requires more than unmodified arrow or tab keys or other standard exit methods, the user is advised of the method for moving focus away.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-trapping.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-trapping" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> All options/ focusable elements are accessible</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Not stuck with the web-page because there's no necessary plug-ins that is needed to be installed.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Parts of the site could not be accessed or is skipped when using the keyboard</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> cursor successfully navigates through other parts and content after hitting enter</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.1.3 Keyboard (No Exception)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/keyboard-operation-all-funcs.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-keyboard-operation-all-funcs" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Failed at 2.1.1</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">2.2 Enough Time</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.2.1 Timing Adjustable</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">For each time limit that is set by the content, at least one of the following is true:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --><ul ng-if="detail.type === 'ulist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Turn off </strong><!-- end ngIf: item.handle --> The user is allowed to turn off the time limit before encountering it; or </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Adjust </strong><!-- end ngIf: item.handle --> The user is allowed to adjust the time limit before encountering it over a wide range that is at least ten times the length of the default setting; or </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Extend </strong><!-- end ngIf: item.handle --> The user is warned before time expires and given at least 20 seconds to extend the time limit with a simple action (for example, "press the space bar"), and the user is allowed to extend the time limit at least ten times; or </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Real-time Exception </strong><!-- end ngIf: item.handle --> The time limit is a required part of a real-time event (for example, an auction), and no alternative to the time limit is possible; or </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Essential Exception </strong><!-- end ngIf: item.handle --> The time limit is essential and extending it would invalidate the activity; or </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> 20 Hour Exception </strong><!-- end ngIf: item.handle --> The time limit is longer than 20 hours. </li><!-- end ngRepeat: item in detail.items --> </ul><!-- end ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-required-behaviors.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-required-behaviors" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The site did not provide user controls since there is no moving contents available.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There's no time limit in the web page to fill out the information.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> N/A</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Cannot tell </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Encountered no time limit while filling out form to simulate order</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.2.2 Pause, Stop, Hide</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">For moving, blinking, scrolling, or auto-updating information, all of the following are true:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --><ul ng-if="detail.type === 'ulist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Moving, blinking, scrolling </strong><!-- end ngIf: item.handle --> For any moving, blinking or scrolling information that (1) starts automatically, (2) lasts more than five seconds, and (3) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it unless the movement, blinking, or scrolling is part of an activity where it is essential; and </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Auto-updating </strong><!-- end ngIf: item.handle --> For any auto-updating information that (1) starts automatically and (2) is presented in parallel with other content, there is a mechanism for the user to pause, stop, or hide it or to control the frequency of the update unless the auto-updating is part of an activity where it is essential. </li><!-- end ngRepeat: item in detail.items --> </ul><!-- end ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-pause.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-pause" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No Java/Flashes available in the web page and auto scrolling are not present.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> It provides user control for media content</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The moving elements were in the 5-sec threshold</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.2.4 Interruptions</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Interruptions can be postponed or suppressed by the user, except interruptions involving an emergency.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-postponed.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-postponed" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No interruptions are present to be controlled</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.2.5 Re-authenticating</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">When an authenticated session expires, the user can continue the activity without loss of data after re-authenticating.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/time-limits-server-timeout.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-time-limits-server-timeout" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Cannot tell </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">2.3 Seizures</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.3.1 Three Flashes or Below Threshold</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-does-not-violate.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-does-not-violate" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No content flashes more than three times per second.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Flashing contents are not present in the web page.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No flashing content</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No flashing content</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.3.2 Three Flashes</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Web pages do not contain anything that flashes more than three times in any one second period.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-three-times.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-seizure-three-times" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No flashing content</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">2.4 Navigable</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.1 Bypass Blocks</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">A mechanism is available to bypass blocks of content that are repeated on multiple Web pages.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-skip.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-skip" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There’s no skip option provided in the website, user has to go through each links/tabs</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There’s no bypass block like advertisement available when filling out the information.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There are no ads that are in the way</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> A keyboard user has to tab through the different links before being able to go to the main part which is to purchase</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.2 Page Titled</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Web pages have titles that describe topic or purpose.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-title.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-title" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Titles of the page are relevant to the content of the web-page.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Title of the page is relevant to the content of the site</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The web page was titled appropriately</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.3 Focus Order</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-order.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-focus-order" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The first section of the homepage is in order. But I noticed that the advertisements posted after are by some means not related.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Using NVDA I was not able to hear the instruction that I need to fill-out and the pay now button cannot be operated by a keyboard.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Every content are in logical order when using Windows Narrator</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> After dismissing a menu and focus is set to the document, the cursor is placed from where the menu was last opened</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.4 Link Purpose (In Context)</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">The purpose of each link can be determined from the link text alone or from the link text together with its programmatically determined link context, except where the purpose of the link would be ambiguous to users in general.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-refs.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-refs" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There are enough explanations on where to go to once the link is clicked.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The link contains information which is related to the title of the link like the paperless billing link.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Every link's purpose is clear from the content it provides</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> An anchor element contains no text</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.5 Multiple Ways</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">More than one way is available to locate a Web page within a set of Web pages except where the Web Page is the result of, or a step in, a process.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-mult-loc.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-mult-loc" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Aside from the options that can be seen on the "My Account", it also offers to find the specific function on right side of the screen to lessen the difficulty in looking for the content.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> I was able to use the search button to easily locate the content.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The site offers several ways to find the page and its contents</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There is a seatch mechanism present, and there are links between web pages</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.6 Headings and Labels</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Headings and labels describe topic or purpose.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-descriptive.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-descriptive" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The headings and labels are helpful to distinguish what the context is all about.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Headings and labels are able to provide information relevant to the topic.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The site offers several ways to find the page and its contents</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Header nesting - header following h2 is incorrect</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.7 Focus Visible</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-focus-visible.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-focus-visible" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The text color changes once the option is pointed</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> It was operable by keyboard, text fields highlighted when using user insert a text.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> A part of its content could not be highlighted by keyboard</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No styling element that outlines and borders that removes visual focus indicator</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.8 Location</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Information about the user's location within a set of Web pages is available.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-location.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-location" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> A site map is put in place</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.9 Link Purpose (Link Only)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">A mechanism is available to allow the purpose of each link to be identified from link text alone, except where the purpose of the link would be ambiguous to users in general.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-link.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-link" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> All links are clearly marked with specific functions</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">2.4.10 Section Headings</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Section headings are used to organize the content.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/navigation-mechanisms-headings.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-navigation-mechanisms-headings" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Header nesting - header following h2 is incorrect</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --> </div><!-- end ngRepeat: p in principles --><div data-ng-repeat="p in principles" class="ng-scope"> <h3 class="ng-binding">Principle 3 Understandable</h3> <!-- ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">3.1 Readable</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.1.1 Language of Page</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">The default human language of each Web page can be programmatically determined.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-doc-lang-id.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-doc-lang-id" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There's only a specific language intended for the site, which is English.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The languages in the web page are using English and it was able to recognize by screen reader or any other assistive technologies.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The site uses English as its language which is the default language of Windows Narrator</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Webpage uses English</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.1.2 Language of Parts</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">The human language of each passage or phrase in the content can be programmatically determined except for proper names, technical terms, words of indeterminate language, and words or phrases that have become part of the vernacular of the immediately surrounding text.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-other-lang-id.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-other-lang-id" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> It has no option for the original language to be translated. Though Globe is a local enterprise, there is no option to choose our mother tongue. Also no pop up appears when different language is used</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The passage or phrases in the web page are recognizable by screen reader or any other assistive technologies.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> All content are recognizable by Windows Narrator</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Apart from brand names, trade names, and company-specific expressions, each passage or phrase is written in English</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.1.3 Unusual Words</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">A mechanism is available for identifying specific definitions of words or phrases used in an unusual or restricted way, including idioms and jargon.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-idioms.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-idioms" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> There was no mechanism available to determine the context of how some non-english and technical terms were used</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> there were some items, like the specifications of camera that used jargons with no mechanism to explain the terms</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.1.4 Abbreviations</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">A mechanism for identifying the expanded form or meaning of abbreviations is available.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-located.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-located" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No abbreviations were present, and thus no need for a mechanism to define abbreviations</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.1.5 Reading Level</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">When text requires reading ability more advanced than the lower secondary education level after removal of proper names and titles, supplemental content, or a version that does not require reading ability more advanced than the lower secondary education level, is available.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-supplements.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-supplements" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> According to the Gunning-Fog index, an individual roughly requires 10.16 years of schooling to understand the content, which is above the lower secondary education level. Fleisch Reading ease revealed a score of 54.78 out of a 100, where 100 means easiest to read.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.1.6 Pronunciation</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">A mechanism is available for identifying specific pronunciation of words where meaning of the words, in context, is ambiguous without knowing the pronunciation.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/meaning-pronunciation.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-meaning-pronunciation" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Presence of difficult words that may alter the context without knowing the pronunciation and meaning were present in the content</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">3.2 Predictable</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.2.1 On Focus</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">When any component receives focus, it does not initiate a change of context.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-receive-focus.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-receive-focus" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Able to operate using a tab with no automatically launching a new webpage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The focus is placed on the element are remain until the user moves it.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> All elements do not change when received focus</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The context remains the same when upon focus on user interface components</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.2.2 On Input</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Changing the setting of any user interface component does not automatically cause a change of context unless the user has been advised of the behavior before using the component.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-unpredictable-change.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-unpredictable-change" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Radio button, check button, and submitting a form are not available on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> In the text field, once you complete the necessary information you need to click the pay to proceed and comes with the pop-up for confirmation.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> n/a</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> forms are not automatically submitted</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.2.3 Consistent Navigation</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Navigational mechanisms that are repeated on multiple Web pages within a set of Web pages occur in the same relative order each time they are repeated, unless a change is initiated by the user.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-locations.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-consistent-locations" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The menus are in the same place across the website</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Comes with the consistent navigation thru pages.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Has consistent menus</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> consistently located control, an expanding navigation menu, consistently positioned skip navigation controls</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.2.4 Consistent Identification</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Components that have the same functionality within a set of Web pages are identified consistently.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-functionality.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-consistent-behavior-consistent-functionality" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The site ensures the consistency of identification of functional components that show frequently within a set of Web pages</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The components on the Web-pages are identified consistently.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Icons and buttons are used consistently</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Components that have the same functionality within a set of Web pages are identified consistently</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">3.3 Input Assistance</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.3.1 Error Identification</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">If an input error is automatically detected, the item that is in error is identified and the error is described to the user in text.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-identified.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-identified" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> No errors found on the text field</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The errors in the text field are able to identify immediately.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> n/a</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> apart from color, a text that signifies error in the field is present</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.3.2 Labels or Instructions</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Labels or instructions are provided when content requires user input.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-cues.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-cues" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The labels are related to the content and able to provide clear directions.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> It notifies the user when they missed or put incorrect information.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> n/a</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Cells that require numbers or alphanumeric characters are not labelled</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.3.3 Error Suggestion</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">If an input error is automatically detected and suggestions for correction are known, then the suggestions are provided to the user, unless it would jeopardize the security or purpose of the content.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-suggestions.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-suggestions" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Error suggestions are not present because there's no text field on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Error suggestion is provided on the text field.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> n/a</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> when filling out the order form for telephone number, it cannot detect errors such as excess in characters</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.3.4 Error Prevention (Legal, Financial, Data)</strong>: (Level AA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">For Web pages that cause legal commitments or financial transactions for the user to occur, that modify or delete user-controllable data in data storage systems, or that submit user test responses, at least one of the following is true:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --><ol ng-if="detail.type === 'olist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Reversible </strong><!-- end ngIf: item.handle --> Submissions are reversible. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Checked </strong><!-- end ngIf: item.handle --> Data entered by the user is checked for input errors and the user is provided an opportunity to correct them. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Confirmed </strong><!-- end ngIf: item.handle --> A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission. </li><!-- end ngRepeat: item in detail.items --> </ol><!-- end ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-reversible.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-reversible" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Error prevention is not present because there's no text field on the homepage</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Once you hit submit it will not be reverse and no check box aside from the submit button.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> n/a</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Does not check for errors in terms of character input (i.e. excessive characters for telephone number)</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.3.5 Help</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">Context-sensitive help is available.</p><p> </p><!-- ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-context-help.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-context-help" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> no spell check, no text instructions prior to filling out the forms</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">3.3.6 Error Prevention (All)</strong>: (Level AAA) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">For Web pages that require the user to submit information, at least one of the following is true:</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --><ol ng-if="detail.type === 'olist'" class="ng-scope"> <!-- ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Reversible </strong><!-- end ngIf: item.handle --> Submissions are reversible. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Checked </strong><!-- end ngIf: item.handle --> Data entered by the user is checked for input errors and the user is provided an opportunity to correct them. </li><!-- end ngRepeat: item in detail.items --><li ng-repeat="item in detail.items" class="ng-binding ng-scope"> <!-- ngIf: item.handle --><strong ng-if="item.handle" class="ng-binding ng-scope"> Confirmed </strong><!-- end ngIf: item.handle --> A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission. </li><!-- end ngRepeat: item in detail.items --> </ol><!-- end ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/minimize-error-reversible-all.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-minimize-error-reversible-all" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> A mechanism is available for reviewing, confirming, and correcting information before finalizing the submission</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --> </div><!-- end ngRepeat: p in principles --><div data-ng-repeat="p in principles" class="ng-scope"> <h3 class="ng-binding">Principle 4 Robust</h3> <!-- ngRepeat: g in p.guidelines --><div data-ng-repeat="g in p.guidelines" class="ng-scope"> <h4 class="ng-binding">4.1 Compatible</h4> <!-- ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">4.1.1 Parsing</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">In content implemented using markup languages, elements have complete start and end tags, elements are nested according to their specifications, elements do not contain duplicate attributes, and any IDs are unique, except where the specifications allow these features.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-parses.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-ensure-compat-parses" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> homepage comes with correct tagging, assistive technologies can recognize the content</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> I checked the source code and the contents are complete in tags from start to end.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Contents such as images and some links does not have complete tags nor alternative text</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Using the validator tool <a target="_blank" href="https://validator.w3.org">https://validator.w3.org</a>, it showed that the web page incurred multiple issues with the parser</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --><!-- ngIf: shouldCritRender(critSpec) --><div class="panel criterion panel-default ng-isolate-scope untested" ng-class="getClassName(assert.result.outcome)" data-ng-repeat="critSpec in g.successcriteria" assertion="getCritAssert(critSpec.id)" data-ng-if="shouldCritRender(critSpec)" requirement="critSpec" options="critOpt"> <div class="panel-heading earl-assert ng-isolate-scope" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 criterion-title ng-binding ng-scope"> <strong class="ng-binding">4.1.2 Name, Role, Value</strong>: (Level A) <span class="pull-right"> <button onclick="toggleCriterionText(this)" class="btn btn-default glyphicon glyphicon-education" aria-expanded="false"> <span class="hint ng-binding">Show criterion text</span> </button> </span> </div><div class="col-xs-12 crit-text collapsed ng-scope"> <p class="ng-binding">For all user interface components (including but not limited to: form elements, links and components generated by scripts), the name and role can be programmatically determined; states, properties, and values that can be set by the user can be programmatically set; and notification of changes to these items is available to user agents, including assistive technologies.</p><p> </p><!-- ngRepeat: detail in spec.details --><div ng-repeat="detail in spec.details" class="ng-scope"> <!-- ngIf: detail.type === 'ulist' --> <!-- ngIf: detail.type === 'olist' --> <!-- ngIf: details.type === 'note' --> </div><!-- end ngRepeat: detail in spec.details --> <p></p><p> <a target="_blank" href="http://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-rsv.html" class="ng-binding">Understanding <span class="glyphicon glyphicon-new-window"></span></a> <a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/#qr-ensure-compat-rsv" class="ng-binding">How to meet <span class="glyphicon glyphicon-new-window"></span></a> </p> </div> <div class="col-xs-12 ng-binding ng-scope">Results for the entire sample:</div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not checked </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> –</p></div> </div><!-- end ngIf: !opt.editable --> </div> <!-- ngIf: opt.collapses --> <!-- ngIf: rootHide[critHide] || !opt.collapses --><div options="opt" assert="assert" class="appear-tall ng-isolate-scope" ng-if="rootHide[critHide] || !opt.collapses"> <!-- ngIf: multiPageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length > 0 --><div ng-if="singlePageAsserts.length > 0" class="panel-body assert-indent appear ng-isolate-scope" asserts="singlePageAsserts" value="criterion" options="opt"> <!-- ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Not present </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> The homepage did not provide specific name and role that can be programmatically determined</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://www.globe.com.ph/paybill) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Accessibility API defined by the language.</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Failed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> Not all elements are built for accessibility</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --><div class="appear earl-assert ng-isolate-scope" ng-repeat="assert in asserts" assert="assert" options="opt"> <div class="row" ng-transclude=""> <div class="col-xs-12 ng-binding ng-scope"> Results for: <em ng-bind="assert.subject[0].displayHandle()" class="ng-binding"></em> <!-- ngIf: assert.subject[0].description --><span ng-if="assert.subject[0].description" class="ng-binding ng-scope"> (https://shop.globe.com.ph/products/mobile/apple-iphone-8) </span><!-- end ngIf: assert.subject[0].description --> </div> </div> <!-- ngIf: opt.editable --> <!-- ngIf: !opt.editable --><div class="row outcome ng-scope" ng-if="!opt.editable"> <div class="col-sm-4 col-md-3 ng-binding"> <strong class="ng-binding">Outcome</strong>: Passed </div> <div class="col-sm-8 col-md-9 ng-binding" ng-init="" ng-bind-html="htmlResult"><p><strong>Findings:</strong> pictures and text alternatives are changed simultaneously</p></div> </div><!-- end ngIf: !opt.editable --> </div><!-- end ngRepeat: assert in asserts --> </div><!-- end ngIf: singlePageAsserts.length > 0 --> <!-- ngIf: singlePageAsserts.length === 0 && opt.editable --> </div><!-- end ngIf: rootHide[critHide] || !opt.collapses --> </div><!-- end ngIf: shouldCritRender(critSpec) --><!-- end ngRepeat: critSpec in g.successcriteria --> </div><!-- end ngRepeat: g in p.guidelines --> </div><!-- end ngRepeat: p in principles --> </div></div> <h2 class="ng-binding">Sample of audited web pages</h2> <!-- ngInclude: --><div data-ng-include="" data-src="'views/report/sample.html'" class="ng-scope"><ul class="sample_narrow list-unstyled ng-scope"> <!-- ngRepeat: page in filledPages() --><li data-ng-repeat="page in filledPages()" class="row ng-scope"> <span class="col-sm-1"></span> <span class="col-sm-3 ng-binding"> Homepage </span> <span class="col-sm-7 ng-binding" data-ng-bind-html="page.description | linky:'_blank'"><a target="_blank" href="http://www.globe.com.ph">http://www.globe.com.ph</a></span> <span class="col-sm-1"></span> </li><!-- end ngRepeat: page in filledPages() --><li data-ng-repeat="page in filledPages()" class="row ng-scope"> <span class="col-sm-1"></span> <span class="col-sm-3 ng-binding"> Bills Payment </span> <span class="col-sm-7 ng-binding" data-ng-bind-html="page.description | linky:'_blank'"><a target="_blank" href="http://www.globe.com.ph/paybill">http://www.globe.com.ph/paybill</a></span> <span class="col-sm-1"></span> </li><!-- end ngRepeat: page in filledPages() --><li data-ng-repeat="page in filledPages()" class="row ng-scope"> <span class="col-sm-1"></span> <span class="col-sm-3 ng-binding"> Multimedia Content </span> <span class="col-sm-7 ng-binding" data-ng-bind-html="page.description | linky:'_blank'"><a target="_blank" href="http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html">http://go.globe.com.ph/articles/sports-and-fitness/2018/may/meeting-sheryl-swoopes-wnba-legend-and-basketball-hall-of-famer.html</a></span> <span class="col-sm-1"></span> </li><!-- end ngRepeat: page in filledPages() --><li data-ng-repeat="page in filledPages()" class="row ng-scope"> <span class="col-sm-1"></span> <span class="col-sm-3 ng-binding"> Globe Online Store </span> <span class="col-sm-7 ng-binding" data-ng-bind-html="page.description | linky:'_blank'"><a target="_blank" href="https://shop.globe.com.ph/products/mobile/apple-iphone-8">https://shop.globe.com.ph/products/mobile/apple-iphone-8</a></span> <span class="col-sm-1"></span> </li><!-- end ngRepeat: page in filledPages() --> </ul></div> <!-- ngIf: report.specifics.trim() --> <h2 class="ng-binding">Related WCAG 2.0 resources</h2> <ul lang="en"> <li><a target="_blank" href="http://www.w3.org/WAI/intro/wcag"> Web Content Accessibility Guidelines (WCAG) 2.0</a> <br> Overview: www.w3.org/WAI/intro/wcag </li> <li><a target="_blank" href="http://www.w3.org/WAI/WCAG20/quickref/"> How to Meet WCAG 2.0 Quick Reference</a><br> www.w3.org/WAI/WCAG20/quickref/ </li> <li><a target="_blank" href="http://www.w3.org/WAI/eval/conformance"> WCAG 2.0 Evaluation Methodology (WCAG-EM)</a><br> Overview: www.w3.org/WAI/eval/conformance </li> </ul> </div></body></html>