I'm improving a website to be accessibility friendly. Having problems with the p:selectOneMenu: it's not reading the values in the drop down, it only read them as a 'Blank'. I understand primefaces renders it different than a normal selectMenu just not sure how. How can i fix this to read the drop down items?
Using : Primefaces 5.1 , Reader NVDA ,Firefox v42.0 (but should work with Chrome and Internet Explorer)
<p:selectOneMenu id="title" value="#{person.title}" required="true" styleClass="select"><f:selectItem itemLabel="#{bundle['please_select']}" itemValue="" />
<f:selectItems value="#{utilsController.getCodeList('TITL', user, localeManager.getLanguage())}" />
<p:ajax event="change" update="gender" listener="#{memberWizardController.autopopulateGender()}" />
</p:selectOneMenu>
Would appreciate if answer could explain how the p:selectOneMenu renders in html / DOM
Thanks in advance.