setsize and posinset not conveyed correctly for radio buttons with implicit labels

Issue #15383849 • Assigned to Melanie R.

Details

Author
steven f.
Created
Jan 9, 2018
Privacy
This issue is public.
Found in
  • Microsoft Edge
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

on test page https://s.codepen.io/stevef/debug/dJdPzZ
use inspect.exe to view the posinset and setsize properties of the radio buttons in fieldset 1. each radio button has a posinset:1 and setsize:1

expected that as in fieldset 2, the posinset = 1, 2, 3 ans setsize=3

Please see other feedbacks in userfeedback VSO for feedbacks that are tracked by this work item.

h3 {
color:#2f5496;
font-family:Segoe UI;
font-size:small;
padding-left:3%;
}

table {
font-size:small;
width:95%;
}

th, td {
font-size:small;
padding:5px;
}

td {
border:0.5px solid white;
}

th {
background-color:#8B8989;
color:white;
}

.feedback-leftcell {
width:20%;
color:#004d8b;
}

.feedback-row:hover {
background-color:#C4C4C4;
}

#feedback-banner, #feedback-footer {
background-color:#0078D7;
color:white;
width:100%;
}

#feedback-banner td, #feedback-footer td {
border:0;
font-size:larger;
padding:10px;
}

#feedbacksection-v5 {
font-family:Segoe UI;
border:5px solid #0078D7;
border-collapse:collapse;
}

#feedbackdetails-table, #feedbackanalysis-table, #feedbacklinks-table {
font-family:Calibri Light;
background-color:#f5f5f5;
}

            
        

        This Bug was created from feedback triage by Lawrence Cushman

    



Report Details



    
        Feedback Details

        Description

    

    
        Title

        Edge reads "one of one" for each radio button in a group of radio buttons when <label> wraps input


    

    
        Description

        Here is a minimal repro page: https://codepen.io/lacush/pen/mpMqYg

Repro steps:

  1. Open this page in edge: https://codepen.io/lacush/pen/mpMqYg
  2. Open the accessibility inspector and inspect the posinset and setsize attributes of the inputs in the first example called “Actual”

Actual
PositionInSet of the second radio input is 1
SizeOfSet of the second radio input is 1

Expected
PositionInSet of the second radio input is 2
SizeOfSet of the second radio input is 2

More info:
When a <label> tag wraps the input element, Edge reports the set size of the group of radio buttons incorrectly, reporting the set size always as 1, even if there are 2+ radio buttons in the group. In the example page I posted, this causes Narrator and other screen readers to read out “one of one” instead of "one of two". This method of wrapping using a label is one of the two recommended standards for labelling inputs. Firefox reports PositionInSet and SizeOfSet correctly.

        Area Path

        UIF\Microsoft Edge\Accessibility

    

    
        [Feedback Hub](https://aka.ms/feedbackhuburi/?ContextId=891&amp;feedbackId=3844dc77-b039-4156-8ce0-be693d350ad3&amp;form=1&amp;src=1)

        View this Customer Feedback details and comments in the Feedback Hub app.

    

    
        [Feedback VSO](../6750987/)

        View this Customer Feedback in Feedback VSO.

    

    
        [Upvoted By](https://aka.ms/feedbackinternalupvoters?vsoId=6750987)

        Contact selfhosters that upvoted this issue.

    

    
            Metadata

            {"Metadata":[{"url":"https://stackoverflow.microsoft.com/questions/78610/mwf-radio-button-group-does-not-work-with-screen-reader-narrator-on-option-cou"},{"ua":""},{"browserType":"Microsoft Edge"}]}


          



Analysis and Diagnostics


    
        Tool

        Description

    

    
        [Feedback Cabs](http://aka.ms/FeedbackViewer/?txtUifId=3844dc77-b039-4156-8ce0-be693d350ad3&amp;section=Cabs)

        
            
                Looking For CAB files related to feedback?

All CABs for
this feedback can be accessed in the Feedback Viewer.

                Note:

CABs may take up to 12 hours
to process through the
telemetry pipeline. CABs age out and are removed after 60 days
due
to Watson retention policies.

        [Feedback Analysis](http://aka.ms/FeedbackViewer/?txtUifId=3844dc77-b039-4156-8ce0-be693d350ad3)

        
            
                Want to understand how this feedback is trending across various pivots?

                With the Feedback Viewer, you can view trending information for this feedback,
                including upvotes by build, region, time, device, and more.
            

        

    

    
        [Related Watson Crashes](http://watson/User?Identifier=g:6755400824770083&amp;Expand=true&amp;StartDate=3-Jan-2018&amp;EndDate=3-Jan-2018&amp;DateTimeFormat=UTC&amp;EventCategory=All)

        
            
                
                    Want to view Watson crashes that occurred on the same day from the user who
                    filed feedback?

The Watson Viewer will let you dive into crash data.

        [Device Drill](http://devicedrill/EventBrowser?dataSet=ALL&amp;deviceId=g:6755400824770083&amp;focusTimeStamp=2018-01-03T21:02:12&amp;durationAfterMin=10)

        
            
                Want to view telemetry events from this customer's device?

Device Drill lets
you dive into the telemetry of the device this from which this feedback was filed.

Other Links


    
        Link

        Description

    

    
        [Feedback FAQ](http://aka.ms/FeedbackFaq)

        
            
                See the Feedback FAQ for more information about subjective user feedback.
            

        

    

    
        [Where's my CAB? Wiki](http://aka.ms/whereismycabwiki)

        
            
                If you were expecting a CAB but it does not appear in the viewer, please
                see the wiki for more information.
            

        

    

    
        [Translation Volunteers](https://aka.ms/feedbacktranslationvolunteers)

        
            
                For translation assistance, please see the translation volunteers wiki.
            

        

    

    
        [Reporting child pornography](http://aka.ms/FeedbackReportAbuseAndChildPornographyWiki)

        
            
                If attached screenshot(s) is child pornography you must report it using
                instructions listed at the link.
            

        

    






    
        
            Be Heard.
        

        
            [
                //aka.ms/feedback
            ](https://aka.ms/feedback)

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Steps to Reproduce

    • Thank you for the report Steven, I took a look at the issue and it’s well understood and indeed specific to the label-wrapped elements. In summary, we’re using sibling traversal to get the element position in set (as well as set size) and in this case, this approach results in 1 in 1, as each radio button is the only child under it’s parent (UIA Text element corresponding to label). What needs to happen instead is getting a set of all elements of the same type under closest group (fieldset in this case). We’ll continue to develop a solution for this problem and hope to see it resolved in one of the next updates!

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “Bogdan B.”

      Changed Assigned To from “Bogdan B.” to “Melanie R.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in