Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

TalkBack and Firefox fails when select options are over 20

  • 1 jibu
  • 3 wana tatizo hili
  • 3 views
  • Last reply by guigs

more options

So I am using Android S4 4.2.2 and the latest versions of talkback and firefox. I have a simple html select with a Occupation selection which has 104 values. When talkback is enabled and navigates through the page. It reads the collapsed combo box correctly, but then continues to read all the values in the drop down though I make a selection and the combo box is closed.

It's pretty basic HTML, is there some magic trick I need to do to get TalkBack to read old school HTML because iOS voiceover reads it normally. Talkback seems to fail on any select list that contains more than 20 options


<select id="personalDetails1-showEmployed-occupation-cmbInput" name="personalDetails1-showEmployed-occupation-cmbInput" class="custom replaced" size="1" onblur="mojarra.ab(this,event,'blur',0,'@this personalDetails1-showEmployed-occupation-err')" onchange="jsf.util.chain(this,event,'mojarra.ab(this,event,\'valueChange\',0,\'personalDetails1-showEmployed-occupation-err\')')"> <option value="" selected="selected">Please select</option> <option value="Accountant">Accountant</option> <option value="Accounts Clerk">Accounts Clerk</option> <option value="Architect">Architect</option> <option value="Armed Forces">Armed Forces</option> <option value="Baker">Baker</option> <option value="Bank Teller">Bank Teller</option> <option value="Bar Attendant">Bar Attendant</option> <option value="Beautician">Beautician</option> <option value="Book Keeper">Book Keeper</option> <option value="Bricklayer">Bricklayer</option> <option value="Builder's Labourer">Builder's Labourer</option> <option value="Bus Driver">Bus Driver</option> <option value="Butcher">Butcher</option> <option value="Carpenter">Carpenter</option> <option value="Cashier">Cashier</option> <option value="Chartered Accountant">Chartered Accountant</option> <option value="Check Out Operator">Check Out Operator</option> <option value="Chef">Chef</option> <option value="Clerical Other">Clerical Other</option> <option value="Computer Programmer">Computer Programmer</option> <option value="Data Analyst">Data Analyst</option> <option value="Data Entry Operator">Data Entry Operator</option> <option value="Delivery Driver">Delivery Driver</option> <option value="Dental Assistant">Dental Assistant</option> <option value="Dentist">Dentist</option> <option value="Doctor">Doctor</option> <option value="Domestic">Domestic</option> <option value="Electrician">Electrician</option> <option value="Engineer">Engineer</option> <option value="Executive Consultant">Executive Consultant</option> <option value="Factory Worker">Factory Worker</option> <option value="Farm Labourer">Farm Labourer</option> <option value="Farm Manager">Farm Manager</option> <option value="Farm Owner">Farm Owner</option> <option value="Finance Broker">Finance Broker</option> <option value="Financial Controller">Financial Controller</option> <option value="Footballer">Footballer</option> <option value="Foreman">Foreman</option> <option value="Hairdresser">Hairdresser</option> <option value="Home Maker">Home Maker</option> <option value="Insurance Agent">Insurance Agent</option> <option value="Insurance Broker">Insurance Broker</option> <option value="Investment Advisor">Investment Advisor</option> <option value="Jeweller">Jeweller</option> <option value="Journalist">Journalist</option> <option value="Labourer">Labourer</option> <option value="Lawyer">Lawyer</option> <option value="Lower Level Administrator">Lower Level Administrator</option> <option value="Lower Level Manager">Lower Level Manager</option> <option value="Mechanic">Mechanic</option> <option value="Middle Level Administrator">Middle Level Administrator</option> <option value="Middle Level Manager">Middle Level Manager</option> <option value="Military">Military</option> <option value="Nurse">Nurse</option> <option value="Nursing Aide">Nursing Aide</option> <option value="Nursing Sister">Nursing Sister</option> <option value="Office Clerk">Office Clerk</option> <option value="Other">Other</option> <option value="Painter">Painter</option> <option value="Payroll Clerk">Payroll Clerk</option> <option value="Pensioner">Pensioner</option> <option value="Pharmacist">Pharmacist</option> <option value="Plant Operator">Plant Operator</option> <option value="Plasterer">Plasterer</option> <option value="Plumber">Plumber</option> <option value="Police Officer">Police Officer</option> <option value="Porter">Porter</option> <option value="Postal Service Operator">Postal Service Operator</option> <option value="Pre-School Teacher">Pre-School Teacher</option> <option value="Primary School Teacher">Primary School Teacher</option> <option value="Real Estate Agent">Real Estate Agent</option> <option value="Real Estate Manager">Real Estate Manager</option> <option value="Receptionist">Receptionist</option> <option value="Remedial Teacher">Remedial Teacher</option> <option value="Research Assistance">Research Assistance</option> <option value="Retired">Retired</option> <option value="Sales Assistant">Sales Assistant</option> <option value="Sales Representative">Sales Representative</option> <option value="Secondary School Teacher">Secondary School Teacher</option> <option value="Secretary">Secretary</option> <option value="Self-employed">Self-employed</option> <option value="Senior Level Administrator">Senior Level Administrator</option> <option value="Senior Level Manager">Senior Level Manager</option> <option value="Service Worker">Service Worker</option> <option value="Small Business Proprietor">Small Business Proprietor</option> <option value="Solicitor">Solicitor</option> <option value="Specialist Consultant">Specialist Consultant</option> <option value="Specialist Teacher">Specialist Teacher</option> <option value="Stockbroker">Stockbroker</option> <option value="Student">Student</option> <option value="Surgeon">Surgeon</option> <option value="TAFE Teacher">TAFE Teacher</option> <option value="Tailor">Tailor</option> <option value="Taxi Driver">Taxi Driver</option> <option value="Technician">Technician</option> <option value="Technician Other">Technician Other</option> <option value="Telecom">Telecom</option> <option value="Telephone Operator">Telephone Operator</option> <option value="Tertiary Teacher">Tertiary Teacher</option> <option value="Tradesperson Other">Tradesperson Other</option> <option value="Tradesperson's Assistant">Tradesperson's Assistant</option> <option value="Truck Driver">Truck Driver</option> <option value="Unemployed">Unemployed</option> <option value="Usher">Usher</option> <option value="Waiter">Waiter</option> <option value="Warehouseman">Warehouseman</option> </select>

So I am using Android S4 4.2.2 and the latest versions of talkback and firefox. I have a simple html select with a Occupation selection which has 104 values. When talkback is enabled and navigates through the page. It reads the collapsed combo box correctly, but then continues to read all the values in the drop down though I make a selection and the combo box is closed. It's pretty basic HTML, is there some magic trick I need to do to get TalkBack to read old school HTML because iOS voiceover reads it normally. Talkback seems to fail on any select list that contains more than 20 options <select id="personalDetails1-showEmployed-occupation-cmbInput" name="personalDetails1-showEmployed-occupation-cmbInput" class="custom replaced" size="1" onblur="mojarra.ab(this,event,'blur',0,'@this personalDetails1-showEmployed-occupation-err')" onchange="jsf.util.chain(this,event,'mojarra.ab(this,event,\'valueChange\',0,\'personalDetails1-showEmployed-occupation-err\')')"> <option value="" selected="selected">Please select</option> <option value="Accountant">Accountant</option> <option value="Accounts Clerk">Accounts Clerk</option> <option value="Architect">Architect</option> <option value="Armed Forces">Armed Forces</option> <option value="Baker">Baker</option> <option value="Bank Teller">Bank Teller</option> <option value="Bar Attendant">Bar Attendant</option> <option value="Beautician">Beautician</option> <option value="Book Keeper">Book Keeper</option> <option value="Bricklayer">Bricklayer</option> <option value="Builder's Labourer">Builder's Labourer</option> <option value="Bus Driver">Bus Driver</option> <option value="Butcher">Butcher</option> <option value="Carpenter">Carpenter</option> <option value="Cashier">Cashier</option> <option value="Chartered Accountant">Chartered Accountant</option> <option value="Check Out Operator">Check Out Operator</option> <option value="Chef">Chef</option> <option value="Clerical Other">Clerical Other</option> <option value="Computer Programmer">Computer Programmer</option> <option value="Data Analyst">Data Analyst</option> <option value="Data Entry Operator">Data Entry Operator</option> <option value="Delivery Driver">Delivery Driver</option> <option value="Dental Assistant">Dental Assistant</option> <option value="Dentist">Dentist</option> <option value="Doctor">Doctor</option> <option value="Domestic">Domestic</option> <option value="Electrician">Electrician</option> <option value="Engineer">Engineer</option> <option value="Executive Consultant">Executive Consultant</option> <option value="Factory Worker">Factory Worker</option> <option value="Farm Labourer">Farm Labourer</option> <option value="Farm Manager">Farm Manager</option> <option value="Farm Owner">Farm Owner</option> <option value="Finance Broker">Finance Broker</option> <option value="Financial Controller">Financial Controller</option> <option value="Footballer">Footballer</option> <option value="Foreman">Foreman</option> <option value="Hairdresser">Hairdresser</option> <option value="Home Maker">Home Maker</option> <option value="Insurance Agent">Insurance Agent</option> <option value="Insurance Broker">Insurance Broker</option> <option value="Investment Advisor">Investment Advisor</option> <option value="Jeweller">Jeweller</option> <option value="Journalist">Journalist</option> <option value="Labourer">Labourer</option> <option value="Lawyer">Lawyer</option> <option value="Lower Level Administrator">Lower Level Administrator</option> <option value="Lower Level Manager">Lower Level Manager</option> <option value="Mechanic">Mechanic</option> <option value="Middle Level Administrator">Middle Level Administrator</option> <option value="Middle Level Manager">Middle Level Manager</option> <option value="Military">Military</option> <option value="Nurse">Nurse</option> <option value="Nursing Aide">Nursing Aide</option> <option value="Nursing Sister">Nursing Sister</option> <option value="Office Clerk">Office Clerk</option> <option value="Other">Other</option> <option value="Painter">Painter</option> <option value="Payroll Clerk">Payroll Clerk</option> <option value="Pensioner">Pensioner</option> <option value="Pharmacist">Pharmacist</option> <option value="Plant Operator">Plant Operator</option> <option value="Plasterer">Plasterer</option> <option value="Plumber">Plumber</option> <option value="Police Officer">Police Officer</option> <option value="Porter">Porter</option> <option value="Postal Service Operator">Postal Service Operator</option> <option value="Pre-School Teacher">Pre-School Teacher</option> <option value="Primary School Teacher">Primary School Teacher</option> <option value="Real Estate Agent">Real Estate Agent</option> <option value="Real Estate Manager">Real Estate Manager</option> <option value="Receptionist">Receptionist</option> <option value="Remedial Teacher">Remedial Teacher</option> <option value="Research Assistance">Research Assistance</option> <option value="Retired">Retired</option> <option value="Sales Assistant">Sales Assistant</option> <option value="Sales Representative">Sales Representative</option> <option value="Secondary School Teacher">Secondary School Teacher</option> <option value="Secretary">Secretary</option> <option value="Self-employed">Self-employed</option> <option value="Senior Level Administrator">Senior Level Administrator</option> <option value="Senior Level Manager">Senior Level Manager</option> <option value="Service Worker">Service Worker</option> <option value="Small Business Proprietor">Small Business Proprietor</option> <option value="Solicitor">Solicitor</option> <option value="Specialist Consultant">Specialist Consultant</option> <option value="Specialist Teacher">Specialist Teacher</option> <option value="Stockbroker">Stockbroker</option> <option value="Student">Student</option> <option value="Surgeon">Surgeon</option> <option value="TAFE Teacher">TAFE Teacher</option> <option value="Tailor">Tailor</option> <option value="Taxi Driver">Taxi Driver</option> <option value="Technician">Technician</option> <option value="Technician Other">Technician Other</option> <option value="Telecom">Telecom</option> <option value="Telephone Operator">Telephone Operator</option> <option value="Tertiary Teacher">Tertiary Teacher</option> <option value="Tradesperson Other">Tradesperson Other</option> <option value="Tradesperson's Assistant">Tradesperson's Assistant</option> <option value="Truck Driver">Truck Driver</option> <option value="Unemployed">Unemployed</option> <option value="Usher">Usher</option> <option value="Waiter">Waiter</option> <option value="Warehouseman">Warehouseman</option> </select>

All Replies (1)

more options

HI senthil.arjun, Thank you for your question. Debugging Talk Back and the Accessibility API is not my specialty but I would be happy to put you in the right direction. If you have a test url and clear steps to reproduce, please file a bug in bugzilla.mozilla.org. Thank you!