[jawsscripts] Re: The problematic highlight bar non-reading of an HTML-based "dropDown," that isn't identified as an editCombo box?

  • From: "Geoff Chapman" <gch@xxxxxxxxxxxxxxxx>
  • To: <jawsscripts@xxxxxxxxxxxxx>
  • Date: Sat, 30 Nov 2013 14:08:01 +1100

Hi everyone.

NO joy with any of the suggestions tried so far, except for Arder's below. 
haven't gotten to try that one yet, so keep any other suggestions on this 
coming.

Jackie when I get a remote login to this system, I'll be able to trial a few 
more things like HSC's GetColorAtPoint functionality, as opposed to the 
Jaws+TopRow5 Get TextColor Foreground/Bakground, the dude I'm working with 
was certainly surprised when what he thought was a blue highlight bar, got 
defined as Grey13 on lavender.
Although I thought lavender was a type of blue, but ... hey, what would I 
know.

Jim tested with the Jaws cursor tucked firmly out of the way, and invisible 
cursor on highlighted text just with focus etc, still thinks it's grey13 on 
Lavender, whereas the non-highlighted text in the list is identified as 
Grey13 on white. so we tried setting the custom highlight as anything on 
Lavender, since it seemed to us that it was maybe the background that was 
doing the highlighting, but, still no joy. jaws doesn't track it as 
highlight is moved up and down.
Sigh.
----- Original Message ----- 
From: "Artur Räpp" <rtr@xxxxxxxxx>
To: <jawsscripts@xxxxxxxxxxxxx>
Sent: Friday, November 29, 2013 5:36 PM
Subject: [jawsscripts] Re: The problematic highlight bar non-reading of an 
HTML-based "dropDown," that isn't identified as an editCombo box?


> Hello,
>
> On a webpage I found following solution with a "edit-combo"
>
> I moved to edit field (edit part of the edit-combo), turned off the
> virtual cursor, typed some letter, pressed once down arrow, pressed tab
> once, landed on the listbox part and then moved down with down arrow.
> After I found what I needed, I turned virtual cursor again on.
>
> On another such HTML editcombo I didn't found any solution and copied
> the choices into a file and copi-pasted from the file the right choice
> into edit field. With the full text system chose the right choice. The
> coices were static. To get the choices, I used ins+ctrl+shft+f1 keyboard
> command (Advanced Element Information).
>
> my 0.01$.
>
> Artur
>
> 29.11.2013 2:00, Geoff Chapman kirjutas:
>> Hi Scripters.
>> Ok, in relation to my query the other day, about a particular so-called 
>> "drop-down,"type element on a particular client's workPlace site that 
>> Jaws will not handle correctly,
>> I now have more information about this, and would very much appreciate 
>> anyone's views on where I might even start to solve this problem, as it's 
>> a dealBreaker for this poarticular employed person, re being able to do 
>> his job on the new system the company is rolling out in February.
>> It's a bit of a lengthy query, but I'd appreciate those who're able, to 
>> stick with me whilst I try and elaborate what, I, think is so far going 
>> on here.
>>
>> Ok So, first, this is an html-based
>> system, and everything else here seems to be beautifully accessible, even 
>> the fields are all labelled properly.
>>
>> Second, I've turned off AutoForms mode, as I find this mode very 
>> problematic and just annoying to navigate, after years of using the 
>> manual forms mode modality.
>> Also trying to eliminate as much of the so-called automatic smarts, as 
>> possible, to eliminate unknown and possibly erroneous behaviours etc.
>>
>> However there's this one particular totally problematic 
>> control-type/element, which consists of initially what Jaws identifies as 
>> a straight ahead, edit, box.  However, this particular element, operates 
>> in practise, actually, more like what I understand to be often defined by 
>> jaws as an "EditCombo", control.
>> Whereby, as you start typing into the edit part of the field, a 
>> "drop-down" list appears,matching the entries it finds related to the 
>> letters in the text query entered so far.
>>
>> (Additionally, the field visually contains a little downpointing 
>> graphical triangle, which sighted users may click on to drop down the 
>> unfiltered list, and visually view it that way, if preferred, with no 
>> text query filtering applied.)
>> But which is, not, activated at all by pressing Alt+DownArrow, as one 
>> would expect if Jaws handled the element as a proper EditCombo.
>>
>> Now. The major problem is, that even though pressing downArrow, does 
>> start to navigate the entries in this field, placing what it identifies 
>> as a Grey13 on Lavender highlight highlight color over each selected 
>> entry,
>> Jaws does not read this highlight,, because it's locked into the fact 
>> that there's presumably still an iBeam edit cursor sitting in the edit 
>> box the whole time. So it just keeps reReading, "Edit," plus whatever the 
>> current text query value has been typed in, and is thus populating that 
>> edit field, upon each arrow press.
>>
>> now another perhaps relevant aspect to understand about this particular 
>> controlType, as compared to some others I've seen, which although not 
>> identifying as EditCombos either, appear to behave in this very way, but 
>> which jaws does quite happily read,
>> Is thatt in our version, the control doesn't immediately populate the 
>> edit field, with the entire selection one navigates to with the arrow 
>> keys.
>> Whereas, the ones that jaws does happily appear to read properly, do seem 
>> to do this.
>> Therefore, in those fields where jaws does identify what one has arrowed 
>> to,
>> it's probably not doing so by reading/tracking the highllight bar, but 
>> simply by reading what's appearing at the edit cursor.
>>
>> My first thought was to try and reClass the window, but, this didn't have 
>> any good effect, since of course as ai realized later, what I want to do 
>> here, is reClass, as far as Jaws is concerned, these individual elements, 
>> which are probably not the same as whole windows anyway.
>> When I looked at the class of the window in focus, it just showed some 
>> basic high-level seemingly irrelevant class  such as
>> Class = MozillaContentWindowClass etc.
>>
>> So no joy there.
>>
>>
>>
>> My second thought, was to try and identify the custom highlight color, 
>> and assign this as a custom highlight in jaws, hoping to attract it's 
>> attention to the fact that it should be checking for, and 
>> tracking/reading, anything in that highlight color.
>>
>> However, I have no joy doing that either.
>>
>> putting the jaws cursor on it, it reckons the highlight is Grey13 on 
>> Lavender, but, yep, this didn't work either.
>>
>>
>>
>> So has anyone got any bright ideas as to what I might try next?
>> Is Custom Highlight tracking even working in jaws15 at present anywayz?
>> Some way I can tell jaws how to properly handle this type of element? 
>> ignoring the edit box cursor, and tracking the highlight bar instead?
>> Below I have included the rather comvoluted, but possibly helpful to 
>> someone who may know, element information from the jaws+Shift+f1, whilst 
>> over this particular field.
>>
>> Thanks much for any tips!
>> See below for the tech stuff about the elemtn.
>>
>>
>>
>> Element Information:
>>
>> Tag INPUT has 7 parameters:
>>
>> autocomplete=off
>>
>> class= x-form-text x-form-field  x-form-focus
>>
>> id=par-1C05555973514DF39BE96CF44694A3B2-d
>>
>> size$
>>
>> style
>> tabindex!002
>>
>> type=text
>>
>> MSAA Role*
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-form-field-wrap x-form-field-trigger-wrap  x-trigger-wrap-focus
>>
>> id=ext-gen437
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-form-element
>>
>> id=x-form-el-par-1C05555973514DF39BE96CF44694A3B2-d
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-form-item
>>
>> id=ext-gen434
>>
>> tabindex=-1
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-request-column x-request-column-out x-form-label-top x-column
>>
>> id=ext-comp-1504
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-column-inner
>>
>> id=ext-gen423
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-panel-body-noheader x-panel-body-noborder 
>> x-column-layout-ct
>>
>> id=ext-gen386
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen385
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel request-view-category x-panel-noborder
>>
>> id=ext-comp-1503
>>
>> style=
>>
>> Tag FORM has 5 parameters:
>>
>> class=x-panel-body ss-svc-form-body x-panel-body-noheader 
>> x-panel-body-noborder x-form
>>
>> enctype=application/x-www-form-urlencoded
>>
>> id=ext-gen184
>>
>> method=post
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen335
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel ss-svc-form x-panel-noborder x-form-label-left x-box-item
>>
>> id=ext-comp-1270
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-box-inner
>>
>> id=ext-gen334
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-box-layout-ct
>>
>> id=ext-comp-1272
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-panel-body-noheader
>>
>> id=ext-gen318
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen316
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel x-frs-sc-param-form ss-svc-form
>>
>> id=ext-comp-1268
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-panel-body-noheader x-panel-body-noborder
>>
>> id=ext-gen315
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen314
>>
>> Tag DIV has 2 parameters:
>>
>> class= x-panel tab-panel parameters-tpl x-flex-portal-child 
>> x-panel-noborder
>>
>> id=ext-comp-1283
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-flex-portal-child-frame
>>
>> id=ext-comp-1284
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-tab-panel-body x-tab-panel-body-top
>>
>> id=ext-gen224
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-tab-panel-bwrap
>>
>> id=ext-gen223
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-tab-panel x-frs-flex-portlet
>>
>> id=ext-comp-1239
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-panel-body-noheader x-panel-body-noborder
>>
>> id=ext-gen208
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen207
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel x-frs-flex-portal x-panel-noborder x-border-panel
>>
>> id=ext-comp-1223
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-panel-body-noheader x-panel-body-noborder 
>> x-border-layout-ct
>>
>> id=ext-gen206
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen205
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel x-panel-noborder
>>
>> id=ext-comp-1227
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-frs-flex-panel-body x-panel-body-noheader
>>
>> id=ext-gen187
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen185
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel x-frs-formview
>>
>> id=ext-comp-1222
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-panel-body-noheader x-panel-body-noborder
>>
>> id=ext-gen17
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen16
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel x-frs-content x-border-panel
>>
>> id=ext-comp-1002
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-panel-body-noborder x-border-layout-ct
>>
>> id=ext-gen12
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-mc
>>
>> id=ext-gen15
>>
>> Tag DIV has 1 parameters:
>>
>> class=x-panel-mr
>>
>> Tag DIV has 1 parameters:
>>
>> class=x-panel-ml
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen11
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel x-panel-noborder
>>
>> id=WorkspaceFrame
>>
>> style=
>>
>> Tag BODY has 3 parameters:
>>
>> href=https://kfchelp-stg.saasit.com/WorkspaceLoader.aspx?Id=ServiceReq&Profile=ObjectWorkspace&LayoutName=SDA-YAI&TabId=ext-comp-1101
>>
>> id=main_body
>>
>> rssúlse
>>
>> MSAA Role
>>
>> Tag IFRAME has 8 parameters:
>>
>> class=x-managed-iframe
>>
>> frameborder=0
>>
>> id=ext-gen112
>>
>> name=ext-gen112
>>
>> scrolling=auto
>>
>> src
>> style
>> title=Object Workspace
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-panel-body x-panel-body-noheader x-panel-body-noborder
>>
>> id=ext-gen111
>>
>> style=
>>
>> Tag DIV has 2 parameters:
>>
>> class=x-panel-bwrap
>>
>> id=ext-gen110
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-panel x-panel-noborder
>>
>> id=panelext-comp-1101
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-border-panel
>>
>> id=app-frame-body
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-box-item x-border-layout-ct
>>
>> id=app-content-wrapper
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class=x-box-inner
>>
>> id=ext-gen10
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-box-layout-ct
>>
>> id=ext-comp-1003
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-app-content x-border-panel
>>
>> id=AppBody
>>
>> style=
>>
>> Tag DIV has 3 parameters:
>>
>> class= x-app-frame x-border-layout-ct
>>
>> id=BorderWrapper
>>
>> style=
>>
>> Tag BODY has 3 parameters:
>>
>> href=https://kfchelp-stg.saasit.com/Default.aspx
>>
>> id=main_body
>>
>> rssúlse
>>
>> MSAA Role
>>
>> Press ESC to close this message.
>>
>>
>> *****
>>
>>
>>
>>
>>
>>
>> Also, today in IE, (haven't tried yet in other browsers) I ran across a 
>> Suburb/postcode field, at the below URL, which I wanted you to just 
>> eyeball as it
>> *appeared* to work similarly to how I imagine our dropdowns on your site 
>> are working? which this one, jaws reads perfectly fine? but am unsure of 
>> course
>> of the backEnd element/Javascript running ... etc.
>>
>>
>>
>> It's at the following URL:
>>
>> https://www.oxfam.org.au/my/donate/typhoon-haiyan-yolanda?utm_campaign=Typhoon_2nd_ask&utm_medium=Email&utm_source=Typhoon_2nd_ask
>>
>>
>> Leaving virtual cursor enabled for the moment, After tabbing to the 
>> correct field, Hit enter to turn on forms mode, then type something that 
>> will bring
>> up multiple entries in the list, then hit down arrow. Try it in your 
>> version of IE?
>>
>> For me here, in IE8, jaws reads each highlighted entry just fine as one 
>> arrows up and down in this list,
>>
>> without having to assign any custom highlight colors at all.
>>
>>
>> For interest, though I know it won't mean much to you, here's the backend 
>> stuff re the element that Jaws reports when doing a Control+Insert+F1 on 
>> that
>> field in IE 8, without forms mode enabled.
>>
>> (note that this Insert+Shift+F1 keystroke doesn't work when either forms 
>> mode is enabled or virtual cursor is off, which are effectively the same 
>> thing
>> anyway:)
>>
>>
>> Element Information:
>>
>>
>> Tag INPUT has 11 parameters:
>> aria-autocomplete=list
>> aria-haspopup=true
>> autocomplete=off
>> class=ui-autocomplete-input
>> id=suburb_ac
>> jquery172036613851847330175
>> name=suburb_ac
>> role=textbox
>> tabindex!
>> type=text
>> value=EPPING,  NSW,  2121
>> MSAA Role*
>>
>>
>> Tag DIV has 1 parameters:
>> class=input
>>
>>
>> Tag DIV has 1 parameters:
>> class=clearfix
>>
>>
>> Tag DIV has 1 parameters:
>> id=autoggle-au
>>
>>
>> Tag DIV has 1 parameters:
>> class=form-row
>>
>>
>> Tag FIELDSET has 0 parameters:
>>
>>
>> Tag FORM has 8 parameters:
>> _submit_attached=True
>> accept-charset=utf-8
>> action=https://www.oxfam.org.au/my/donate/typhoon-haiyan-yolanda
>> class=myform form-stacked
>> enctype=application/x-www-form-urlencoded
>> id=donation_form
>> jquery172036613851847330175(
>> method=post
>>
>>
>> Tag DIV has 1 parameters:
>> class=span11 main-content
>>
>>
>> Tag DIV has 1 parameters:
>> class=row
>>
>>
>> Tag DIV has 1 parameters:
>> id=bootstrap
>>
>>
>> Tag DIV has 1 parameters:
>> class=main-holder
>>
>>
>> Tag DIV has 1 parameters:
>> id=main
>>
>>
>> Tag DIV has 1 parameters:
>> id=wrapper
>>
>>
>> Tag BODY has 2 parameters:
>> href=https://www.oxfam.org.au/my/donate/typhoon-haiyan-yolanda?utm_campaign=Typhoon_2nd_ask&utm_medium=Email&utm_source=Typhoon_2nd_ask
>> rssúlse
>> MSAA Role
>>
>>
>>
>>
>> Press ESC to close this message.
>>
>> __________�
>>
>> View the list's information and change your settings at
>> http://www.freelists.org/list/jawsscripts
>>
>>
> __________�
>
> View the list's information and change your settings at
> http://www.freelists.org/list/jawsscripts
>
> 

__________�

View the list's information and change your settings at 
http://www.freelists.org/list/jawsscripts

Other related posts:

  1. Home
  2. jawsscripts
  3. Archive
  4. 11-2013