question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

WCAG20 compatibility

See original GitHub issue

Are you requesting a feature, reporting a bug or ask a question?

Bug/Feature

What is the current behavior?

The html generated does not conform to WCAG20 (https://www.w3.org/TR/WCAG20/) standards, and it therefor unusable by people with certain disabilities

What is the expected behavior?

That the html generated would confirm to WCAG20 and be usable by everyone.

How would you reproduce the current behavior (if this is a bug)?

Make a form, any kind of form, copy the resulting html to a validator here: https://achecker.ca/checker/index.php or using an extension: https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh

Provide the test code and the tested page URL (if applicable)

Tested page URL:

Test code

var surveyJSON = {pages:[{name:"page1",elements:[{type:"paneldynamic",name:"question12",templateElements:[{type:"file",name:"question7"},{type:"matrix",name:"question8",columns:["Column 1","Column 2","Column 3"],rows:["Row 1","Row 2"]}],panelCount:1},{type:"matrixdropdown",name:"question9",columns:[{name:"Column 1"},{name:"Column 2"},{name:"Column 3"}],choices:[1,2,3,4,5],rows:["Row 1","Row 2"]},{type:"matrixdynamic",name:"question10",columns:[{name:"Column 1"},{name:"Column 2"},{name:"Column 3"}],choices:[1,2,3,4,5]},{type:"panel",name:"panel1",elements:[{type:"multipletext",name:"question11",items:[{name:"text1"},{name:"text2"}]}]},{type:"text",name:"question1"},{type:"checkbox",name:"question2",choices:["item1","item2","item3"]},{type:"radiogroup",name:"question3",choices:["item1","item2","item3"]},{type:"dropdown",name:"question4",choices:["item1","item2","item3"]},{type:"comment",name:"question5"},{type:"rating",name:"question6"}]}]}

function sendDataToServer(survey) {
  var resultAsString = JSON.stringify(survey.data);
  alert(resultAsString); //send Ajax request to your web server.
}

var survey = new Survey.Model(surveyJSON);
$("#surveyContainer").Survey({
    model: survey,
    onComplete: sendDataToServer
});


Specify your

  • browser:
  • browser version:
  • surveyjs platform (angular or react or jquery or knockout or vue): jquery
  • surveyjs version: 0.12.23

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:15 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
andrewtelnovcommented, Aug 29, 2017

@Noino We will work on this. I think it is important to support WCAG20. We will discuss this issue and I will comeback.

Thank you, Andrew

0reactions
Noinocommented, Dec 11, 2017

@tsv2013 Alright. Thought it might have been the case since i was seeing some complaints about fieldsets missing still, but turns out it was a cache issue, hard reload fixed almost all. Still, one type that i clearly missed in my previous response, “10. question6” i get error for due to missing fieldset. This is the rating type question.

Sorry for resurrecting a closed ticket, should’ve noticed this before

Read more comments on GitHub >

github_iconTop Results From Across the Web

Web Content Accessibility Guidelines (WCAG) 2.0 - W3C
4.1 Maximize compatibility with current and future user agents, including assistive technologies. Conformance. Conformance Requirements ...
Read more >
Requirements for WCAG 2.0 Extensions - W3C on GitHub
Web Content Accessibility Guidelines 2.0 (WCAG 2.0) [ WCAG20 ] explains ... Ensure that all WCAG extensions are compatible with each other, ...
Read more >
Web Content Accessibility Guidelines (WCAG) 2.0
http://www.w3.org/TR/2008/REC-WCAG20-20081211/ ... 4.1 Maximize compatibility with current and future user agents, including assistive.
Read more >
VPAT - Java Compatibility Kit 10 - Oracle
Java Compatibility Kit 10 (JCK 10) is a collection of tests that is used to ensure compatible behavior between implementations of the Java...
Read more >
Web Content Accessibility Guidelines - Wikipedia
The Web Content Accessibility Guidelines (WCAG) are part of a series of web accessibility ... WCAG 2.1 is backwards-compatible with WCAG 2.0, which...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found