Skip to content

FINNA-2278_organisaton_page_map_accessibility_replacement - #3556

Draft
JJManner wants to merge 29 commits into
NatLibFi:devfrom
JJManner:FINNA-2278_organisaton_page_map_accessibility_replacement
Draft

JJManner wants to merge 29 commits into
NatLibFi:devfrom
JJManner:FINNA-2278_organisaton_page_map_accessibility_replacement

Conversation

@JJManner

@JJManner JJManner commented Sep 8, 2026

Copy link
Copy Markdown

This will create a sorted list for the screenreaders describing which libraries are open and closed or miss the proper information. Tested on all screenreaders and browsers.

@JJManner
JJManner requested a review from EreMaijala September 8, 2026 11:56

@EreMaijala EreMaijala left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • Pidempiä tekstejä ei pidä koota yhdistelemällä erilaisia palasia. Siitä tulee käännöspainajainen. Pitää lisätä uusia käännöksiä tarpeen mukaan erilaisille kokonaisuuksille.
  • Miksi suljetut ja "ei tietoa" on samassa listassa?
  • Eikö olisi selkeämpää listata toimipisteet aakkosjärjestyksessä ja jokaisen kohdalla tieto aukiolosta? Nyt tiettyä kirjastoa etsivä voi joutua käymään läpi kaksi listaa.
  • Onko tälle listalle todellinen käyttötarve ainakaan tällaisenaan? Pitäisi päästä vähintään tarkempiin tietoihin kunkin kirjaston kohdalta, koska pelkkä tieto tämänhetkisestä aukiolosta ei kerro kovin paljon, ja kartaltakin klikkaamalla saa toimipisteen tiedot esille.

Comment thread themes/finna2/templates/organisationinfo/elements/location-selection.phtml Outdated
Comment thread themes/finna2/templates/organisationinfo/elements/location-selection.phtml Outdated
Comment thread themes/finna2/templates/organisationinfo/elements/location-selection.phtml Outdated
@JJManner

Copy link
Copy Markdown
Author

Nyt on rakennettu systeemi uusiksi.

@JJManner
JJManner requested a review from EreMaijala September 11, 2026 12:58
@JJManner
JJManner marked this pull request as draft September 14, 2026 10:58
@JJManner

Copy link
Copy Markdown
Author

Tarkistan vielä yhden jutun...

@JJManner
JJManner marked this pull request as ready for review September 14, 2026 13:29

@EreMaijala EreMaijala left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tuo kolmetasoinen luuppi on edelleen tosi sekava ja johtaa siihen, että kaikki pitää käsitellä kolmeen kertaan. Käy mieluummin kerran läpi ja jaa kaikki kolmeen eri taulukkoon. Sitten niiden näyttäminen yksi kerrallaan on selkeää.


map = finna.organisationMap;
map.init(mapWidget, mapTileUrl, mapAttributionTemplate.innerHTML);
mapWidget.setAttribute('aria-hidden', 'true'); // prevent screenreaders to accientally enter map area

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Miksei tätä ole asetettu suoraan .phtml-tiedostossa? Sama kysymys kaikkien alempana olevien kohdalla.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tämä edelleen. Kyllä sen pitää toimia niin, että attribuutti on suoraan HTML:ssä valmiiksi. Muutenhan ei mikään vastaava toimisi missään.

@JJManner
JJManner requested a review from EreMaijala September 18, 2026 12:01

@EreMaijala EreMaijala left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • location-selection.phtml:ään on ilmestynyt melkoinen määrä whitespace-muutoksia, joilla ei ole mitään tekemistä tämän taskin kanssa. Pois sellaiset. Jos jotain isompaa yhtenäistämistä tai siivoamista on, niin erillisena pull requestina sellaiset, kun eivät vaikuta tänä toiminnallisuuteen.
  • Jos name on tyhjä, niin jätä pois jo listojen kokoamisvaiheessa, niin ei tarvitse tarkistella enää kun listat tulostetaan.
  • Eikö tuon listan pitänyt olla visually hidden? Nyt se on aikamoinen taulu. Neljä palstaa on liikaa mobiilissa, ja koko lista on väärässä kohdassa toimipaikan perustietojen ja lisätietojen välissä.

color: $gray-dark;
}

.column-list {

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Liian geneerinen luokka ollakseen ylätasolla määriteltynä näin. Oliko tarkoitus laittaa .organisation-info:n sisään? Silloinkin sillä voisi olla jokin käyttötarkoitusta kuvaavampi luokan nimi.

Comment on lines +102 to +104
$nowOpen = $this->transEsc('organisation_info_is_open_now');
$nowClosed = $this->transEsc('organisation_info_is_closed_now');
$nowMobile = $this->transEsc('organisation_info_no_schedule');

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Turhat muuttujat, kun näitä käytetään vain yhdessä kohdassa.

<h3><?= $this->transEsc('Location Service') ?></h3>
<div class="visually-hidden"> <?= $this->transEsc('organisation_info_navi_service') . ' ' . $this->transEsc('Total') . ' ' . $locationCount ?></div>
<?php if ($locationCount > 1): ?>
<h4><?= htmlspecialchars($this->escapeHtml($nowOpen)); ?></h4>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nyt on tripla-escape näillä, kun muuttujassakin on escapettu arvo.

}
?> <!-- display categorised organisations -->
<h3><?= $this->transEsc('Location Service') ?></h3>
<div class="visually-hidden"> <?= $this->transEsc('organisation_info_navi_service') . ' ' . $this->transEsc('Total') . ' ' . $locationCount ?></div>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
<div class="visually-hidden"> <?= $this->transEsc('organisation_info_navi_service') . ' ' . $this->transEsc('Total') . ' ' . $locationCount ?></div>
<div class="visually-hidden">
<?=$this->transEsc('organisation_info_navi_service')?> <?=$this->transEsc('Total')?> <?=$locationCount?>
</div>

<div class="column-list">
<?php foreach ($openList as $item): ?>
<?php if ($item['name'] != ''): ?>
<div><a href="#<?= $this->escapeHtmlAttr($item['id']) ?>"><?= $this->escapeHtml($item['name']) ?></a></div>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Onko tuolla ympäröivällä div:llä jokin merkitys tässä?

<?php endif; ?>
</div>
<!-- END of: finna - organisationinfo/elements/location-selection.phtml -->
<!-- END of: finna - organisationinfo/elements/location-selection.phtml --> No newline at end of file

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Rivinvaihdo kadonnut lopusta.

}
}
?> <!-- display categorised organisations -->
<h3><?= $this->transEsc('Location Service') ?></h3>

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Väärä otsikko (ks. käytetty käännös).

@JJManner
JJManner requested a review from EreMaijala September 29, 2026 14:24
@JJManner

Copy link
Copy Markdown
Author

Nyt koko systeemin pitäisi toimia fokussiirtoineen päivineen. Pasin ehdotuksesta siirrettiin tuo - Näytä kaikki palvelupisteet - pois kartan alueelta, jotta myös ruudunlukijat pääsevät helposti selailemaan uudelleen koko listaa jos ovat valinneet jonkun kirjaston ja haluavat sen jälkeen tarkastella toisen kirjaston tietoja. Fokus siirto toimii automaattisesti kun valitsee listalta kaikilla selaimilla ja ruudunlukijioilla JAWS:ia lukuunottamatta, joka jostain syystä haluaa aina siirtyä sivun alkuun toistaen kuitenkin oikean palvelupisteen valinnan, jolloin käyttäjä joutuu hyppäämään pari otsikkoa alemmaksi päästäkseen samoihin tietoihin mihin muilla ruudunlukijoilla pääsee suoraan.

Comment thread themes/finna2/js/finna-organisation-info.js
Comment thread themes/finna2/js/finna-organisation-info.js Outdated
Comment thread themes/finna2/js/finna-organisation-info.js Outdated
Comment thread themes/finna2/js/finna-organisation-info.js Outdated
Comment thread themes/finna2/js/finna-organisation-info.js Outdated
Comment thread themes/finna2/templates/organisationinfo/elements/location-selection.phtml Outdated
Comment thread themes/finna2/templates/organisationinfo/elements/location-selection.phtml Outdated
Comment thread themes/finna2/templates/organisationinfo/elements/location-selection.phtml Outdated
Comment thread themes/finna2/templates/organisationinfo/elements/location-selection.phtml Outdated
@JJManner
JJManner requested review from EreMaijala and removed request for EreMaijala October 12, 2026 11:22
@JJManner

Copy link
Copy Markdown
Author

Käytiin tätä läpi tänään UX:ssä, teen tuohon hieman muutoksia vielä.

@JJManner
JJManner requested a review from EreMaijala October 16, 2026 11:14

@EreMaijala EreMaijala left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Muutoksissa on edelleen suuri määrä tähän tehtävään kuulumattomia välilyönti- ja rivinvaihtojen säätöjä.

@JJManner
JJManner requested a review from EreMaijala October 19, 2026 12:09
@JJManner

Copy link
Copy Markdown
Author

Juu, pahoittelut noista turhista tyhjien rivien poistoista ja ylimääräisistä tyhjistä väleistä. Yritän olla tarkempi vastaisuudessa. Tuo oli ensimmäinen iso JS tiedoston editointi, seuraavalla kerralla sitten paremmin ; )

@EreMaijala EreMaijala left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ylimääräisiä muutoksia on edelleen ainakin location-selection.phtml:ssä.

@JJManner
JJManner requested a review from EreMaijala October 21, 2026 09:57
@JJManner
JJManner marked this pull request as draft October 21, 2026 10:05
@JJManner
JJManner requested review from EreMaijala and removed request for EreMaijala October 21, 2026 10:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants