MIGRATING GREYMUZZLE.ORG USING LANDO WITH ACCESSIBILITY IN MIND - - PowerPoint PPT Presentation

migrating greymuzzle org
SMART_READER_LITE
LIVE PREVIEW

MIGRATING GREYMUZZLE.ORG USING LANDO WITH ACCESSIBILITY IN MIND - - PowerPoint PPT Presentation

MIGRATING GREYMUZZLE.ORG USING LANDO WITH ACCESSIBILITY IN MIND February 23, 2020 Todays Agenda I. Intro and stufg II. A brief bit about Grey Muzzle III. A kind of lengthy bit about greymuzzle.org IV. Some stern prattering about


slide-1
SLIDE 1

MIGRATING GREYMUZZLE.ORG

USING LANDO WITH ACCESSIBILITY IN MIND

February 23, 2020

slide-2
SLIDE 2

Today’s Agenda

I. Intro and stufg II. A brief bit about Grey Muzzle III. A kind of lengthy bit about greymuzzle.org IV. Some stern prattering about accessibility V. Babbling about Docker systems VI. Like, one or two slides to show how to set up Lando VII. More than likely, a lot of questions

slide-3
SLIDE 3

| 3

This guy

Mark Casias

Sr Software Engineer

slide-4
SLIDE 4

| 4

About Mediacurrent

slide-5
SLIDE 5

Who We Are

Mediacurrent is a full-service digital agency that implements world class open source software development, strategy, and design to achieve defined goals for enterprise organizations seeking a better return on investment.

slide-6
SLIDE 6

All attendees, speakers, sponsors, and volunteers at

  • ur conference are required to agree with the

following code of conduct. If you need to report an incident, ask one of the volunteers in the registration area to contact us or call 321-396-2340.

Abide by our code

  • f Conduct

https://www.fldrupal.camp/community/code-conduct

Mike Anello

https://www.fldrupal.camp

Jordana Fung

slide-7
SLIDE 7

Call for Papers Visit decoupleddays.com for more updates about tickets and our call for papers. Sponsorships For sponsorship information, reach out to our team at decoupleddays@gmail.com. @decoupleddays Follow us on Twitter to stay updated on important announcements. #decoupleddays • decoupleddays.com • @decoupleddays

slide-8
SLIDE 8

| 8

slide-9
SLIDE 9

| 9

About Grey Muzzle

slide-10
SLIDE 10

| 10

We envision a world where no old dog dies alone and afraid. The Grey Muzzle Organization improves the lives of at-risk senior dogs by providing funding and resources to animal shelters, rescue organizations, sanctuaries, and other non-profit groups nationwide.

slide-11
SLIDE 11

| 11

Call for 2020 Grant Applications

Guided by our vision "a world where no old dog dies alone and afraid," we make grants throughout the United States expressly for programs designed to improve the lives of at-risk senior dogs. We invite shelters, rescue groups, sanctuaries and other nonprofit organizations to apply. Since 2008, Grey Muzzle has provided nearly $2 million in grants for senior dog programs to 190 nonprofit organizations nationwide! Our ability to make grants to help senior dogs depends entirely on the generosity and support of the public and other donors. You may click here to begin a grant application, or click here to learn more.

slide-12
SLIDE 12

| 12

https://knowbility.org/programs/air/

slide-13
SLIDE 13

| 13

  • Site design dated and hard to

navigate

  • Donations via website difficult to

find

  • Non-responsive design for mobile

and tablet

  • Not remotely designed for

accessibility

  • Difficult to use custom CMS
  • Unknown degree of technical

support with site issues

  • No development support
slide-14
SLIDE 14

| 14

slide-15
SLIDE 15

| 15

slide-16
SLIDE 16

| 16

Accessibility in Mind

slide-17
SLIDE 17

| 17

Plan out heading & page structure Add page titles for browser tabs & ‘skip to content’ link The heading hierarchy is meaningful Try not to skip heading levels Use a markup validator tool

Structure

slide-18
SLIDE 18

| 18

Use colors on the opposite ends of the color spectrum Be careful with light shades Do not rely on color alone to convey info to your users Use solid color backgrounds Use color/contrast WCAG standard testing tools

Color & Contrast

slide-19
SLIDE 19

| 19

Use a limited number of fonts & provide alternative fonts Specify the font size in terms of %, em or a relative value Use adequate font size - 10 pt min Make sure there is enough contrast with the background Limit the use of font variations

Fonts

slide-20
SLIDE 20

| 20

Difgerentiate links with theme elements besides color Use descriptive link text Do not use images for links Avoid super short or long links Design link focus indicators. Ensure keyboard users can visibly identify links

Links

slide-21
SLIDE 21

| 21

Use animation, video & audio carefully & selectively Avoid flashing/strobing content Provide ways to access content USE ALT TAGS! Be accurate, be succinct, avoid being redundant, avoid “image of” phrases, & use empty alt attributes for decorative images

Media

slide-22
SLIDE 22

| 22

Use animation, video & audio carefully & selectively Avoid flashing/strobing content Provide ways to access content USE ALT TAGS! Be accurate, be succinct, avoid being redundant, avoid “image of” phrases, & use empty alt attributes for decorative images

Media

slide-23
SLIDE 23

| 23

Local Development with Lando

slide-24
SLIDE 24

| 24

What is Lando?

  • Local development and DevOps tool
  • Free, open source and cross-platform
  • Built on Docker (aka Linux Containers)
  • Docker Compose abstraction layer
  • Written in JavaScript and leverages Yarn
slide-25
SLIDE 25

| 25

Why Lando?

  • Simulate your production environment

locally

  • Standardize development platform and

tools

  • Seamless integration with hosting

providers

  • Run your continuous integration tests

locally

  • Avoid frustration with lesser

development tools

slide-26
SLIDE 26

| 26

Where is Lando?

➔ Documentation - https://docs.lando.dev ➔ GitHub - https://github.com/lando/lando

slide-27
SLIDE 27

| 27

Setting up Lando

slide-28
SLIDE 28

| 28

name: greymuzzle8 recipe: drupal8 config: webroot: ./docroot xdebug: true php: 7.3 proxy: appserver:

  • www.greymuzzle8.lndo.site

tooling: drush: service: appserver cmd: drush --root=/app/docroot

slide-29
SLIDE 29

| 29

https://greymuzzle8.lndo.site/

slide-30
SLIDE 30

| 30

name: greymuzzle8 recipe: drupal8 config: webroot: ./web services: legacydatabase: type: mysql creds: user: root password: root database: legacy tooling: drush: service: appserver cmd: drush --root=/app/web .lando.yml

slide-31
SLIDE 31

| 31

https://greymuzzle8.lndo.site/

slide-32
SLIDE 32

| 32

lando db-import --host legacydatabase [your_mysql_file]

slide-33
SLIDE 33

| 33

lando db-import --host legacydatabase [your_mysql_file]

slide-34
SLIDE 34

| 34

https://greymuzzle.lndo.site/

slide-35
SLIDE 35

| 35

name: greymuzzle recipe: drupal7 config: webroot: ./docroot xdebug: true php: 7.3 proxy: appserver:

  • www.greymuzzle.lndo.site

tooling: drush: service: appserver cmd: drush --root=/app/docroot

slide-36
SLIDE 36

| 36

name: greymuzzle8 recipe: drupal8 config: webroot: ./docroot xdebug: true php: 7.3 proxy: appserver:

  • www.greymuzzle8.lndo.site

tooling: drush: service: appserver cmd: drush --root=/app/docroot

slide-37
SLIDE 37

| 37

slide-38
SLIDE 38

| 38

{ service: 'database', urls: [], type: 'mysql', internal_connection: { host: 'database', port: '3306' }, external_connection: { host: 'localhost', port: true }, creds: { database: 'drupal7', password: 'drupal7', user: 'drupal7' }, config: { database: '/Users/mcasias/.lando/config/drupal7/mysql.cnf' }, version: '5.7', meUser: 'www-data',

hostnames: [ 'database.greymuzzle.internal' ]

} ]

slide-39
SLIDE 39

| 39

$databases['migrate']['default'] = [ 'database' => 'drupal7', 'username' => 'drupal7', 'password' => 'drupal7', 'prefix' => '', 'host' => 'database.greymuzzle.internal', 'port' => '3306', 'namespace' => 'Drupal\\Core\\Database\\Driver\\mysql', 'driver' => 'mysql', ];

settings.local.php

slide-40
SLIDE 40

| 40

$ lando drush mup --legacy-db-key migrate

  • -legacy-root=https://www.greymuzzle.org --configure-only
slide-41
SLIDE 41

| 41

$ lando drush mup --legacy-db-key migrate

  • -legacy-root=https://www.greymuzzle.org --configure-only

$ lash migrate-upgrade

  • -legacy-db-url=mysql://drupal7:drupal7@database.greymuzzle.int

ernal/drupal7 --legacy-root=https://www.greymuzzle.org

slide-42
SLIDE 42

| 42

slide-43
SLIDE 43

First-time contributor workshop • Mentored contribution • General contribution #DrupalContributions

Contribution Day

Sunday, February 23, 2020 1:15pm - 5:00pm

https://www.fldrupal.camp/conference/contribution-day

slide-44
SLIDE 44

Thank you!

@Mediacurrent Mediacurrent.com Facebook.com/mediacurrent @Mediacurrent